diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/Properties/Properties.scss | 29 | ||||
-rw-r--r-- | css/Properties/PropertyTitle.scss | 4 |
2 files changed, 20 insertions, 13 deletions
diff --git a/css/Properties/Properties.scss b/css/Properties/Properties.scss index 8dbf2785..5a9aca79 100644 --- a/css/Properties/Properties.scss +++ b/css/Properties/Properties.scss @@ -135,6 +135,11 @@ $property-ext-padding-right: 8px; } } + // Hide delete buttons initially + .action-item.icon-delete { + opacity: 0; + } + // Property value within row, after label &__value { flex: 1 1; @@ -152,19 +157,25 @@ $property-ext-padding-right: 8px; input&--with-ext { // ext icon width + 8px padding padding-right: 24px; - &:hover, - &:focus, - &:active { - ~ .property__ext { - opacity: .5; - } + } + + // Show ext and delete icon permanently on focus + &:hover, + &:focus, + &:active { + ~ .property__ext, + ~ .action-item.icon-delete { + opacity: .5; } } } - // show ext button on full row hover - &:hover &__ext { - opacity: .5; + // Show ext and delete buttons on full row hover + &:hover { + .property__ext, + .action-item { + opacity: .5; + } } // External link (tel, mailto, http, ftp...) diff --git a/css/Properties/PropertyTitle.scss b/css/Properties/PropertyTitle.scss index eed16496..b4a579d8 100644 --- a/css/Properties/PropertyTitle.scss +++ b/css/Properties/PropertyTitle.scss @@ -25,7 +25,6 @@ align-items: center; margin: 0; user-select: none; - opacity: .6; .property__title--right { display: flex; @@ -34,7 +33,4 @@ .property__title--icon { background-position: center right; } - .property__title--icon-details { - margin-left: 7px; - } } |