diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2024-03-26 17:13:41 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2024-03-26 17:13:41 +0000 |
| commit | d7f744d2819343eced508a589d6fad3842686a3e (patch) | |
| tree | b9f87847afea2dac31c007aef1d8dc2b60cf1145 /src/components/emoji_picker/emoji_picker.scss | |
| parent | 23edfe7b918844f8cc2ff5b9b245952092ee1cbf (diff) | |
| parent | c298611af2736b0a0d535b6bb47b2c9025e4069a (diff) | |
Merge branch 'themes3' into 'develop'
Themes 3.0 / Pleroma ISS (Interface Style Sheets) [Side A]
See merge request pleroma/pleroma-fe!1892
Diffstat (limited to 'src/components/emoji_picker/emoji_picker.scss')
| -rw-r--r-- | src/components/emoji_picker/emoji_picker.scss | 21 |
1 files changed, 2 insertions, 19 deletions
diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss index aab9251d..5602a16b 100644 --- a/src/components/emoji_picker/emoji_picker.scss +++ b/src/components/emoji_picker/emoji_picker.scss @@ -1,5 +1,3 @@ -@import "../../variables"; - $emoji-picker-header-height: 36px; $emoji-picker-header-picture-width: 32px; $emoji-picker-header-picture-height: 32px; @@ -10,15 +8,6 @@ $emoji-picker-emoji-size: 32px; max-width: calc(100vw - 20px); // popover gives 10px margin from window edge display: flex; flex-direction: column; - background-color: $fallback--bg; - background-color: var(--popover, $fallback--bg); - color: $fallback--link; - color: var(--popoverText, $fallback--link); - - --faint: var(--popoverFaintText, $fallback--faint); - --faintLink: var(--popoverFaintLink, $fallback--faint); - --lightText: var(--popoverLightText, $fallback--lightText); - --icon: var(--popoverIcon, $fallback--icon); &-header-image { display: inline-flex; @@ -81,8 +70,7 @@ $emoji-picker-emoji-size: 32px; .additional-tabs { display: flex; border-left: 1px solid; - border-left-color: $fallback--icon; - border-left-color: var(--icon, $fallback--icon); + border-left-color: var(--border); padding-left: 7px; flex: 0 0 auto; } @@ -109,13 +97,8 @@ $emoji-picker-emoji-size: 32px; pointer-events: none; } - &.active { + &.toggled { border-bottom: 4px solid; - - svg { - color: $fallback--lightText; - color: var(--lightText, $fallback--lightText); - } } } } |