Merge pull request #621 from dod-ccpo/clickable-app-name

Toggle accordion when click application name
This commit is contained in:
patricksmithdds 2019-02-11 15:33:54 -05:00 committed by GitHub
commit 4b673ca0e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions

View File

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

View File

@ -38,7 +38,7 @@
<template slot-scope='props'>
<header class='accordian__header row'>
<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>
<div class='accordian__actions'>
{% if user_can(permissions.RENAME_APPLICATION_IN_PORTFOLIO) %}