diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/ContactDetails.scss | 6 | ||||
-rw-r--r-- | css/Properties/Properties.scss | 28 | ||||
-rw-r--r-- | css/Settings/SettingsAddressbook.scss | 2 | ||||
-rw-r--r-- | css/icons.scss | 6 |
4 files changed, 33 insertions, 9 deletions
diff --git a/css/ContactDetails.scss b/css/ContactDetails.scss index dc8aaa87..451bb4da 100644 --- a/css/ContactDetails.scss +++ b/css/ContactDetails.scss @@ -78,6 +78,12 @@ padding: 14px; border-radius: 22px; cursor: pointer; + background-size: 16px; + opacity: .7; + &:hover, + &:focus { + opacity: 1; + } &.header-icon--pulse { margin: 8px; width: 16px; diff --git a/css/Properties/Properties.scss b/css/Properties/Properties.scss index 5add862b..817627c8 100644 --- a/css/Properties/Properties.scss +++ b/css/Properties/Properties.scss @@ -98,13 +98,21 @@ } // mouse feedback - &.multiselect { - &:hover, - &:focus, - &:active { - opacity: 1; - .multiselect__tags { - border-color: var(--color-border-dark); + &:hover, + &:focus, + &:active { + opacity: 1; + .multiselect__tags { + border-color: var(--color-border-dark); + } + } + + // read-only mode + &.multiselect--disabled { + &, .multiselect__single { + &, &:hover, &:focus &:active { + background-color: var(--color-main-background) !important; + border-color: transparent !important; } } } @@ -124,10 +132,16 @@ // property value within row, after label &__value { flex: 1 1; + textarea& { align-self: flex-start; min-height: 2 * $grid-height-unit - 2*$grid-input-margin; max-height: 5 * $grid-height-unit - 2*$grid-input-margin; } + + // read-only mode + &:read-only { + border-color: var(--color-border-dark); + } } } diff --git a/css/Settings/SettingsAddressbook.scss b/css/Settings/SettingsAddressbook.scss index 34d27e9e..e3c98ea0 100644 --- a/css/Settings/SettingsAddressbook.scss +++ b/css/Settings/SettingsAddressbook.scss @@ -59,4 +59,4 @@ &--disabled &__name { opacity: .5; } -}
\ No newline at end of file +} diff --git a/css/icons.scss b/css/icons.scss index e5b18450..00f390e9 100644 --- a/css/icons.scss +++ b/css/icons.scss @@ -26,4 +26,8 @@ .icon-address-book { @include icon-color('address-book', 'contacts', $color-black, 1); -}
\ No newline at end of file +} + +.icon-eye-white { + @include icon-color('eye', 'contacts', $color-white, 1); +} |