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

Fixed search popout icon alignements

Browse source
This commit is contained in:
Niléane 2023-09-22 12:25:36 +02:00
commit 3f5fbd32e3
No known key found for this signature in database
4 changed files with 68 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

25
TangerineUI-purple.css
View file

@ -2668,17 +2668,26 @@ body.layout-single-column {
.layout-single-column .search__popout__menu__item { .layout-single-column .search__popout__menu__item {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search__popout__menu__item {
align-items: initial;
}
.layout-single-column .search__popout__menu__item mark { .layout-single-column .search__popout__menu__item mark {
color: var(--color-content-fg-bold); color: var(--color-content-fg-bold);
} }
.search__popout__menu__item.selected, .layout-single-column .search__popout__menu__item .icon-button:active,
.search__popout__menu__item:active, .layout-single-column .search__popout__menu__item .icon-button:focus,
.search__popout__menu__item:focus, .layout-single-column .search__popout__menu__item .icon-button:hover {
.search__popout__menu__item:hover, background-color: transparent;
.search__popout__menu__item.selected mark, color: var(--color-accent-fg);
.search__popout__menu__item:active mark, }
.search__popout__menu__item:focus mark, .layout-single-column .search__popout__menu__item.selected,
.search__popout__menu__item:hover mark { .layout-single-column .search__popout__menu__item:active,
.layout-single-column .search__popout__menu__item:focus,
.layout-single-column .search__popout__menu__item:hover,
.layout-single-column .search__popout__menu__item.selected mark,
.layout-single-column .search__popout__menu__item:active mark,
.layout-single-column .search__popout__menu__item:focus mark,
.layout-single-column .search__popout__menu__item:hover mark {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }

25
TangerineUI.css
View file

@ -2668,17 +2668,26 @@ body.layout-single-column {
.layout-single-column .search__popout__menu__item { .layout-single-column .search__popout__menu__item {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search__popout__menu__item {
align-items: initial;
}
.layout-single-column .search__popout__menu__item mark { .layout-single-column .search__popout__menu__item mark {
color: var(--color-content-fg-bold); color: var(--color-content-fg-bold);
} }
.search__popout__menu__item.selected, .layout-single-column .search__popout__menu__item .icon-button:active,
.search__popout__menu__item:active, .layout-single-column .search__popout__menu__item .icon-button:focus,
.search__popout__menu__item:focus, .layout-single-column .search__popout__menu__item .icon-button:hover {
.search__popout__menu__item:hover, background-color: transparent;
.search__popout__menu__item.selected mark, color: var(--color-accent-fg);
.search__popout__menu__item:active mark, }
.search__popout__menu__item:focus mark, .layout-single-column .search__popout__menu__item.selected,
.search__popout__menu__item:hover mark { .layout-single-column .search__popout__menu__item:active,
.layout-single-column .search__popout__menu__item:focus,
.layout-single-column .search__popout__menu__item:hover,
.layout-single-column .search__popout__menu__item.selected mark,
.layout-single-column .search__popout__menu__item:active mark,
.layout-single-column .search__popout__menu__item:focus mark,
.layout-single-column .search__popout__menu__item:hover mark {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }

25
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -2668,17 +2668,26 @@ body.layout-single-column {
.layout-single-column .search__popout__menu__item { .layout-single-column .search__popout__menu__item {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search__popout__menu__item {
align-items: initial;
}
.layout-single-column .search__popout__menu__item mark { .layout-single-column .search__popout__menu__item mark {
color: var(--color-content-fg-bold); color: var(--color-content-fg-bold);
} }
.search__popout__menu__item.selected, .layout-single-column .search__popout__menu__item .icon-button:active,
.search__popout__menu__item:active, .layout-single-column .search__popout__menu__item .icon-button:focus,
.search__popout__menu__item:focus, .layout-single-column .search__popout__menu__item .icon-button:hover {
.search__popout__menu__item:hover, background-color: transparent;
.search__popout__menu__item.selected mark, color: var(--color-accent-fg);
.search__popout__menu__item:active mark, }
.search__popout__menu__item:focus mark, .layout-single-column .search__popout__menu__item.selected,
.search__popout__menu__item:hover mark { .layout-single-column .search__popout__menu__item:active,
.layout-single-column .search__popout__menu__item:focus,
.layout-single-column .search__popout__menu__item:hover,
.layout-single-column .search__popout__menu__item.selected mark,
.layout-single-column .search__popout__menu__item:active mark,
.layout-single-column .search__popout__menu__item:focus mark,
.layout-single-column .search__popout__menu__item:hover mark {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }

25
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -2668,17 +2668,26 @@ body.layout-single-column {
.layout-single-column .search__popout__menu__item { .layout-single-column .search__popout__menu__item {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .search__popout__menu__item {
align-items: initial;
}
.layout-single-column .search__popout__menu__item mark { .layout-single-column .search__popout__menu__item mark {
color: var(--color-content-fg-bold); color: var(--color-content-fg-bold);
} }
.search__popout__menu__item.selected, .layout-single-column .search__popout__menu__item .icon-button:active,
.search__popout__menu__item:active, .layout-single-column .search__popout__menu__item .icon-button:focus,
.search__popout__menu__item:focus, .layout-single-column .search__popout__menu__item .icon-button:hover {
.search__popout__menu__item:hover, background-color: transparent;
.search__popout__menu__item.selected mark, color: var(--color-accent-fg);
.search__popout__menu__item:active mark, }
.search__popout__menu__item:focus mark, .layout-single-column .search__popout__menu__item.selected,
.search__popout__menu__item:hover mark { .layout-single-column .search__popout__menu__item:active,
.layout-single-column .search__popout__menu__item:focus,
.layout-single-column .search__popout__menu__item:hover,
.layout-single-column .search__popout__menu__item.selected mark,
.layout-single-column .search__popout__menu__item:active mark,
.layout-single-column .search__popout__menu__item:focus mark,
.layout-single-column .search__popout__menu__item:hover mark {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }