Added styling for the logged out search dropdown
This commit is contained in:
parent
9eebb0c114
commit
5561740571
3 changed files with 24 additions and 12 deletions
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue