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

Add interactions

stable
Xavier Julián 2015-02-02 08:48:17 +01:00 committed by David Barragán Merino
parent d209718681
commit 9a7c900f2d
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/partials/includes/modules/admin/admin-us-extras.jade
View File

@ -6,6 +6,7 @@ section.custom-fields-table.basic-table
div.custom-options div.custom-options
div.table-body div.table-body
div.row.single-custom-field div.row.single-custom-field
span.icon.icon-drag-v
div.custom-name Custom field name div.custom-name Custom field name
div.custom-description Custom field looong Description div.custom-description Custom field looong Description
div.custom-options div.custom-options

22
app/styles/modules/admin/admin-custom-fields.scss
View File

@ -8,6 +8,10 @@
border-bottom: 0; border-bottom: 0;
padding: .5rem 0; padding: .5rem 0;
&:hover { &:hover {
background: rgba($fresh-taiga, .05);
cursor: move;
transition: background .2s linear;
.icon-drag-v,
.custom-options-wrapper { .custom-options-wrapper {
opacity: 1; opacity: 1;
transition: opacity .2s linear; transition: opacity .2s linear;
@ -27,6 +31,18 @@
border-bottom: 1px solid $whitish; border-bottom: 1px solid $whitish;
color: $gray; color: $gray;
} }
.icon-drag-v {
color: $gray-light;
opacity: 0;
padding: 0 .5rem;
transition: color .2s linear;
vertical-align: middle;
&:hover {
color: $gray;
cursor: move;
transition: color .2s linear;
}
}
.custom-name, .custom-name,
.custom-description { .custom-description {
color: $gray; color: $gray;
@ -48,7 +64,7 @@
text-align: center; text-align: center;
a { a {
color: $gray-light; color: $gray-light;
margin-right: 0.5rem; margin-right: .5rem;
transition: color .2s linear; transition: color .2s linear;
vertical-align: middle; vertical-align: middle;
&:hover { &:hover {
@ -62,6 +78,10 @@
transition: opacity .3s linear; transition: opacity .3s linear;
} }
form { form {
&.row:hover {
background: none;
cursor: default;
}
.custom-options-wrapper { .custom-options-wrapper {
opacity: 1; opacity: 1;
} }