taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #1169 from taigaio/custom-fields-restyle 

A small restyle of custom fields in details
stable
Xaviju 2017-01-18 12:24:33 +01:00 committed by GitHub
parent 12a6bec5bb 382758715b
commit bcffb14ff1
2 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/custom-attributes/custom-attributes-values.jade
View File

@ -7,8 +7,10 @@ section.duty-custom-fields(ng-show="ctrl.customAttributes.length")
ng-click="toggleCollapse()"
)
tg-svg(svg-icon="icon-arrow-down")
.custom-fields-body(
ng-show="!collapsed"
ng-class="{'collapse-fields': ctrl.customAttributes.length > 6}"
)
.custom-attribute(
ng-repeat="attr in ctrl.customAttributes"

39
app/styles/modules/common/custom-fields.scss
View File

@ -24,7 +24,7 @@
border-bottom: 1px solid $whitish;
display: flex;
justify-content: flex-start;
padding: 1rem;
padding: .7rem;
&:hover {
.custom-field-options {
opacity: 1;
@ -85,3 +85,40 @@
}
}
}
.custom-fields-body {
display: flex;
flex-wrap: wrap;
&.collapse-fields {
.custom-attribute {
flex-basis: 50%;
@include breakpoint(laptop) {
flex-basis: 100%;
&:nth-child(even) {
padding: 0;
}
&:nth-child(odd) {
padding: 0;
}
}
&:nth-child(even) {
padding: 0 0 0 2rem;
}
&:nth-child(odd) {
padding: 0 2rem 0 0;
}
}
}
.custom-attribute {
flex-basis: 100%;
&:nth-child(even) {
padding: 0;
}
&:nth-child(odd) {
padding: 0;
}
}
.custom-field-single {
height: 100%;
}
}