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;
display: flex;
justify-content: space-between;
padding: .5rem 1rem;
padding: .8em 1rem;
text-transform: uppercase;
h2 {
margin: 0;

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

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

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

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

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

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