diff options
author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2020-08-21 12:19:54 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-08-21 12:19:54 +0200 |
commit | 42917255482b04f1b3d987055575e96a6fab844d (patch) | |
tree | 3b1ed499eb9ce6c189c48ae63ea9acd981cfbec1 /css | |
parent | 87615fb6549c884aa9891666748170aea27e89e5 (diff) | |
parent | ea399a48680c6024deff20c865bce7bb55083ba5 (diff) |
Merge pull request #1446 from nextcloud/design/form-simplifyy
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; - } } |