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

Fixes to the search field on mobile

Browse source
This commit is contained in:
Niléane 2023-12-25 17:16:06 +01:00
commit b82d33cdbb
No known key found for this signature in database
3 changed files with 15 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

9
TangerineUI-cherry.css
View file

@ -3929,14 +3929,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .search__popout__menu__item mark { .app-body .search__popout__menu__item mark {
color: var(--color-content-fg-bold); color: var(--color-content-fg-bold);
} }
.app-body .search__popout__menu__item .icon-button { .app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
border-radius: 4px; border-radius: 4px;
transition: none; transition: none;
} }
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) .icon-button { .app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) { .app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-accent); color: var(--color-accent);
} }
@ -3960,7 +3961,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 10px 0; padding: 10px 0;
} }
.app-body .search__icon .icon { .app-body .search__icon .icon {
top: 11px; top: 6px;
} }
} }
@media screen and (max-width:889px) { @media screen and (max-width:889px) {

9
TangerineUI-purple.css
View file

@ -3929,14 +3929,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .search__popout__menu__item mark { .app-body .search__popout__menu__item mark {
color: var(--color-content-fg-bold); color: var(--color-content-fg-bold);
} }
.app-body .search__popout__menu__item .icon-button { .app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
border-radius: 4px; border-radius: 4px;
transition: none; transition: none;
} }
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) .icon-button { .app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) { .app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-accent); color: var(--color-accent);
} }
@ -3960,7 +3961,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 10px 0; padding: 10px 0;
} }
.app-body .search__icon .icon { .app-body .search__icon .icon {
top: 11px; top: 6px;
} }
} }
@media screen and (max-width:889px) { @media screen and (max-width:889px) {

9
TangerineUI.css
View file

@ -3929,14 +3929,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .search__popout__menu__item mark { .app-body .search__popout__menu__item mark {
color: var(--color-content-fg-bold); color: var(--color-content-fg-bold);
} }
.app-body .search__popout__menu__item .icon-button { .app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
border-radius: 4px; border-radius: 4px;
transition: none; transition: none;
} }
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) .icon-button { .app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) { .app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-accent); color: var(--color-accent);
} }
@ -3960,7 +3961,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 10px 0; padding: 10px 0;
} }
.app-body .search__icon .icon { .app-body .search__icon .icon {
top: 11px; top: 6px;
} }
} }
@media screen and (max-width:889px) { @media screen and (max-width:889px) {