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

Make use of flexbox

Browse Source
This commit is contained in:
George Drummond 2019-04-17 14:51:01 -04:00
parent e1cca58062
commit e3cb30d35f
No known key found for this signature in database
GPG Key ID: 296DD6077123BF17
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
styles/components/_accordion_table.scss
View File

@ -129,16 +129,18 @@
display: flex; display: flex;
& > span { & > span {
width: 75%; flex-grow: 3;
display: flex;
flex-basis: 0;
&.icon-link { &.icon-link {
width: 25%; flex-grow: 1;
} }
} }
} }
span { span {
display: flex; flex-grow: 1;
width: 25%; flex-basis: 0;
} }
} }
} }

4
templates/components/toggle_list.html
View File

@ -12,7 +12,9 @@
<li is="toggler" class="accordion-table__item"> <li is="toggler" class="accordion-table__item">
<template slot-scope="props"> <template slot-scope="props">
<div class="accordion-table__item-content"> <div class="accordion-table__item-content">
<span v-on:click="props.toggle">{{ item_name }}</span> <span v-on:click="props.toggle">
{{ item_name }}
</span>
<template v-if="props.isVisible"> <template v-if="props.isVisible">
{{ {{

1
templates/portfolios/applications/team.html
View File

@ -59,6 +59,7 @@
{{ "portfolios.applications.team_settings.section.table.team_management" | translate }} {{ "portfolios.applications.team_settings.section.table.team_management" | translate }}
</span> </span>
</span> </span>
<span class="icon-link" />
</div> </div>
<ul class="accordion-table__items"> <ul class="accordion-table__items">
{% for member in application.members %} {% for member in application.members %}