Add interactions
parent
d209718681
commit
9a7c900f2d
|
@ -6,6 +6,7 @@ section.custom-fields-table.basic-table
|
|||
div.custom-options
|
||||
div.table-body
|
||||
div.row.single-custom-field
|
||||
span.icon.icon-drag-v
|
||||
div.custom-name Custom field name
|
||||
div.custom-description Custom field looong Description
|
||||
div.custom-options
|
||||
|
|
|
@ -8,6 +8,10 @@
|
|||
border-bottom: 0;
|
||||
padding: .5rem 0;
|
||||
&:hover {
|
||||
background: rgba($fresh-taiga, .05);
|
||||
cursor: move;
|
||||
transition: background .2s linear;
|
||||
.icon-drag-v,
|
||||
.custom-options-wrapper {
|
||||
opacity: 1;
|
||||
transition: opacity .2s linear;
|
||||
|
@ -27,6 +31,18 @@
|
|||
border-bottom: 1px solid $whitish;
|
||||
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-description {
|
||||
color: $gray;
|
||||
|
@ -48,7 +64,7 @@
|
|||
text-align: center;
|
||||
a {
|
||||
color: $gray-light;
|
||||
margin-right: 0.5rem;
|
||||
margin-right: .5rem;
|
||||
transition: color .2s linear;
|
||||
vertical-align: middle;
|
||||
&:hover {
|
||||
|
@ -62,6 +78,10 @@
|
|||
transition: opacity .3s linear;
|
||||
}
|
||||
form {
|
||||
&.row:hover {
|
||||
background: none;
|
||||
cursor: default;
|
||||
}
|
||||
.custom-options-wrapper {
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue