pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Toggle accordian when click application name

Browse Source
This commit is contained in:
Patrick Smith 2019-02-11 10:31:30 -05:00
parent c5ebdf89a7
commit 4d80ed5a76
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
styles/elements/_accordians.scss
View File

@ -31,6 +31,12 @@
@include block-list__title; @include block-list__title;
color: $color-blue; color: $color-blue;
@include h3; @include h3;
&.icon-link {
margin: 0;
display: block;
padding: 0 $gap;
}
} }
.accordian__description { .accordian__description {

2
templates/portfolios/applications/index.html
View File

@ -38,7 +38,7 @@
<template slot-scope='props'> <template slot-scope='props'>
<header class='accordian__header row'> <header class='accordian__header row'>
<div class='col col-grow'> <div class='col col-grow'>
<h3 class='accordian__title'>{{ application.name }}</h3> <h3 class='icon-link accordian__title' v-on:click="props.toggle">{{ application.name }}</h3>
<span class='accordian__description'>{{ application.description }}</span> <span class='accordian__description'>{{ application.description }}</span>
<div class='accordian__actions'> <div class='accordian__actions'>
{% if user_can(permissions.RENAME_APPLICATION_IN_PORTFOLIO) %} {% if user_can(permissions.RENAME_APPLICATION_IN_PORTFOLIO) %}