From 06977044997b08734db97d783455dee9f57016b2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Tue, 28 Nov 2023 12:57:46 +0100 Subject: [PATCH] Fixed Privacy dropdown styling --- TangerineUI-cherry.css | 18 ++++++++++++++++++ TangerineUI-purple.css | 18 ++++++++++++++++++ TangerineUI.css | 18 ++++++++++++++++++ 3 files changed, 54 insertions(+) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 356f628..8faf7b6 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -3861,11 +3861,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-color: var(--color-content-secondary-separator); } +.app-body .privacy-dropdown__dropdown { + background-color: var(--color-content-bg); + border-radius: 8px; + border: 1px solid var(--color-lines); +} +.app-body .privacy-dropdown :is(.privacy-dropdown__value, .privacy-dropdown__value), +.app-body .privacy-dropdown__option { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} .app-body .privacy-dropdown.active :is(.privacy-dropdown__value, .privacy-dropdown__value.active), .app-body .privacy-dropdown__option:is(.active, .active:hover, :hover) { background-color: var(--color-accent); color: var(--color-accent-fg); } +.app-body .privacy-dropdown.active .privacy-dropdown__value:has(.text-icon-button.active) { + border-radius: 6px 6px 0 0; +} +.app-body .privacy-dropdown__option .privacy-dropdown__option__content, +.app-body .privacy-dropdown__option .privacy-dropdown__option__content strong { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} .app-body .privacy-dropdown__option.active .privacy-dropdown__option__content, .app-body .privacy-dropdown__option.active .privacy-dropdown__option__content strong, .app-body .privacy-dropdown__option:hover .privacy-dropdown__option__content, diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 4b208d6..5a54599 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -3860,11 +3860,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-color: var(--color-content-secondary-separator); } +.app-body .privacy-dropdown__dropdown { + background-color: var(--color-content-bg); + border-radius: 8px; + border: 1px solid var(--color-lines); +} +.app-body .privacy-dropdown :is(.privacy-dropdown__value, .privacy-dropdown__value), +.app-body .privacy-dropdown__option { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} .app-body .privacy-dropdown.active :is(.privacy-dropdown__value, .privacy-dropdown__value.active), .app-body .privacy-dropdown__option:is(.active, .active:hover, :hover) { background-color: var(--color-accent); color: var(--color-accent-fg); } +.app-body .privacy-dropdown.active .privacy-dropdown__value:has(.text-icon-button.active) { + border-radius: 6px 6px 0 0; +} +.app-body .privacy-dropdown__option .privacy-dropdown__option__content, +.app-body .privacy-dropdown__option .privacy-dropdown__option__content strong { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} .app-body .privacy-dropdown__option.active .privacy-dropdown__option__content, .app-body .privacy-dropdown__option.active .privacy-dropdown__option__content strong, .app-body .privacy-dropdown__option:hover .privacy-dropdown__option__content, diff --git a/TangerineUI.css b/TangerineUI.css index c845929..c1d23b3 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -3860,11 +3860,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-color: var(--color-content-secondary-separator); } +.app-body .privacy-dropdown__dropdown { + background-color: var(--color-content-bg); + border-radius: 8px; + border: 1px solid var(--color-lines); +} +.app-body .privacy-dropdown :is(.privacy-dropdown__value, .privacy-dropdown__value), +.app-body .privacy-dropdown__option { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} .app-body .privacy-dropdown.active :is(.privacy-dropdown__value, .privacy-dropdown__value.active), .app-body .privacy-dropdown__option:is(.active, .active:hover, :hover) { background-color: var(--color-accent); color: var(--color-accent-fg); } +.app-body .privacy-dropdown.active .privacy-dropdown__value:has(.text-icon-button.active) { + border-radius: 6px 6px 0 0; +} +.app-body .privacy-dropdown__option .privacy-dropdown__option__content, +.app-body .privacy-dropdown__option .privacy-dropdown__option__content strong { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} .app-body .privacy-dropdown__option.active .privacy-dropdown__option__content, .app-body .privacy-dropdown__option.active .privacy-dropdown__option__content strong, .app-body .privacy-dropdown__option:hover .privacy-dropdown__option__content,