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

Style refactor for admin reorganization

stable
Xavier Julián 2015-03-12 08:50:37 +01:00 committed by David Barragán Merino
parent 545513a96c
commit 07e12e27b0
4 changed files with 43 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/styles/layout/admin-project-values.scss
View File

@ -24,7 +24,7 @@
background: $whitish; background: $whitish;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: .5rem 1rem; padding: .8em 1rem;
text-transform: uppercase; text-transform: uppercase;
h2 { h2 {
margin: 0; margin: 0;

12
app/styles/modules/admin/admin-custom-attributes.scss
View File

@ -4,26 +4,31 @@
} }
.custom-fields-table { .custom-fields-table {
margin-bottom: 2em;
.row { .row {
border-bottom: 0; border-bottom: 0;
padding: .5rem 0; padding: .5rem 0;
} }
.table-header { .table-header {
@extend %bold; @extend %bold;
border-bottom: 1px solid $gray-light; border-bottom: 3px solid $whitish;
.custom-name span, .custom-name span,
.custom-description span { .custom-description span {
padding-left: 1.1rem; padding-left: 1.1rem;
} }
} }
.table-body { .table-body {
form:last-child {
.row {
border: 0;
}
}
.row:hover { .row:hover {
background: rgba($fresh-taiga, .05); background: rgba($fresh-taiga, .05);
cursor: move; cursor: move;
transition: background .2s linear; transition: background .2s linear;
.icon-drag-v, .icon-drag-v,
.custom-options-wrapper { .custom-options {
opacity: 1; opacity: 1;
transition: opacity .2s linear; transition: opacity .2s linear;
} }
@ -72,6 +77,7 @@
flex-basis: 100px; flex-basis: 100px;
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
opacity: 0;
text-align: center; text-align: center;
a { a {
color: $gray-light; color: $gray-light;

9
app/styles/modules/admin/project-values.scss
View File

@ -21,9 +21,16 @@
.project-values-header { .project-values-header {
@extend %bold; @extend %bold;
border-bottom: 2px solid $gray-light; border-bottom: 3px solid $whitish;
} }
.project-values-body { .project-values-body {
form {
&:last-child {
.project-values-row {
border: 0;
}
}
}
.project-values-row { .project-values-row {
&:hover { &:hover {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);

43
app/styles/modules/common/colors-table.scss
View File

@ -2,7 +2,7 @@
.table-header { .table-header {
@extend %medium; @extend %medium;
@extend %bold; @extend %bold;
border-bottom: 2px solid $gray-light; border-bottom: 3px solid $whitish;
&:hover { &:hover {
background: transparent; background: transparent;
} }
@ -10,17 +10,40 @@
padding-left: 50px; padding-left: 50px;
} }
} }
form {
&:last-child {
.row {
border: 0;
}
}
}
.row { .row {
align-items: center; align-items: center;
border-bottom: 1px solid $whitish;
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 1rem; padding: 1rem;
&:hover { &:hover {
background: lighten($green-taiga, 60%);
cursor: move;
transition: background .2s ease-in;
.icon {
opacity: 1;
transition: opacity .2s ease-in;
}
.options-column { .options-column {
opacity: 1; opacity: 1;
transition: opacity .3s linear; transition: opacity .3s linear;
} }
} }
&:last-child {
border: 0;
}
&.edition {
.current-color {
cursor: pointer;
}
}
&.edition, &.edition,
&.new-value { &.new-value {
padding-left: 50px; padding-left: 50px;
@ -28,11 +51,6 @@
&.hidden { &.hidden {
display: none; display: none;
} }
&.edition {
.current-color {
cursor: pointer;
}
}
.color-column { .color-column {
flex-basis: 60px; flex-basis: 60px;
flex-grow: 1; flex-grow: 1;
@ -86,18 +104,7 @@
opacity: 1; opacity: 1;
} }
} }
.table-main {
border-bottom: 1px solid $whitish;
.row:hover {
background: lighten($green-taiga, 60%);
cursor: move;
transition: background .2s ease-in;
.icon {
opacity: 1;
transition: opacity .2s ease-in;
}
}
}
.current-color { .current-color {
background-color: $gray-light; background-color: $gray-light;
border-radius: 2px; border-radius: 2px;