mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-30 15:58:07 +09:00
Code

Fixed Privacy dropdown styling

Browse Source
This commit is contained in:
Niléane 2023-11-28 12:57:46 +01:00
parent fd033c344e
commit 0697704499
No known key found for this signature in database
3 changed files with 54 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
TangerineUI-cherry.css
View File

@ -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,

18
TangerineUI-purple.css
View File

@ -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,

18
TangerineUI.css
View File

@ -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,