diff --git a/app/partials/includes/modules/admin/admin-us-extras.jade b/app/partials/includes/modules/admin/admin-us-extras.jade index a844a656..1655914a 100644 --- a/app/partials/includes/modules/admin/admin-us-extras.jade +++ b/app/partials/includes/modules/admin/admin-us-extras.jade @@ -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 diff --git a/app/styles/modules/admin/admin-custom-fields.scss b/app/styles/modules/admin/admin-custom-fields.scss index 782cd448..bba0da2d 100644 --- a/app/styles/modules/admin/admin-custom-fields.scss +++ b/app/styles/modules/admin/admin-custom-fields.scss @@ -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; }