chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added styling for the logged out search dropdown

Browse source
This commit is contained in:
Niléane 2024-02-29 15:40:23 +01:00
parent 9eebb0c114
commit 5561740571
No known key found for this signature in database
3 changed files with 24 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
TangerineUI-cherry.css
View file

@ -4467,7 +4467,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .search__popout__menu:nth-child(2):not(:has(.search__popout__menu__message)) {
margin-bottom: 10px;
}
.app-body .search__popout h4:has(+ .search__popout__menu:last-child) {
.app-body .search__popout h4:has(+ .search__popout__menu:last-child, + .search__popout__menu__message) {
background-color: var(--color-content-secondary-bg);
padding-top: 15px;
padding-left: 15px;
@ -4476,16 +4476,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 6px 6px 0 0;
color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child {
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child {
margin: 0 0 -10px;
background-color: var(--color-content-secondary-bg);
border-radius: 0 0 6px 6px;
padding: 5px;
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
.app-body .search__popout__menu__message:last-child {
padding: 5px 15px 15px;
color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
color: var(--color-fg-muted);
}
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
color: var(--color-content-fg);
}

12
TangerineUI-purple.css
View file

@ -4467,7 +4467,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .search__popout__menu:nth-child(2):not(:has(.search__popout__menu__message)) {
margin-bottom: 10px;
}
.app-body .search__popout h4:has(+ .search__popout__menu:last-child) {
.app-body .search__popout h4:has(+ .search__popout__menu:last-child, + .search__popout__menu__message) {
background-color: var(--color-content-secondary-bg);
padding-top: 15px;
padding-left: 15px;
@ -4476,16 +4476,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 6px 6px 0 0;
color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child {
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child {
margin: 0 0 -10px;
background-color: var(--color-content-secondary-bg);
border-radius: 0 0 6px 6px;
padding: 5px;
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
.app-body .search__popout__menu__message:last-child {
padding: 5px 15px 15px;
color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
color: var(--color-fg-muted);
}
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
color: var(--color-content-fg);
}

12
TangerineUI.css
View file

@ -4467,7 +4467,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .search__popout__menu:nth-child(2):not(:has(.search__popout__menu__message)) {
margin-bottom: 10px;
}
.app-body .search__popout h4:has(+ .search__popout__menu:last-child) {
.app-body .search__popout h4:has(+ .search__popout__menu:last-child, + .search__popout__menu__message) {
background-color: var(--color-content-secondary-bg);
padding-top: 15px;
padding-left: 15px;
@ -4476,16 +4476,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 6px 6px 0 0;
color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child {
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child {
margin: 0 0 -10px;
background-color: var(--color-content-secondary-bg);
border-radius: 0 0 6px 6px;
padding: 5px;
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
.app-body .search__popout__menu__message:last-child {
padding: 5px 15px 15px;
color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
color: var(--color-fg-muted);
}
.app-body :is(.search__popout__menu, .search__popout__menu__message):last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
color: var(--color-content-fg);
}