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

Preserved active state for header button in compact top toolbar

Browse source
This commit is contained in:
Niléane 2024-02-14 20:02:47 +01:00
commit 4c0d66d5be
No known key found for this signature in database
3 changed files with 30 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
TangerineUI-cherry.css
View file

@ -2987,13 +2987,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body:not(.layout-multiple-columns) .column-back-button::after { .app-body:not(.layout-multiple-columns) .column-back-button::after {
display: none; display: none;
} }
.app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover), .app-body .column-header__buttons {
height: 55px;
}
.app-body:not(.layout-multiple-columns) .column-header, .app-body:not(.layout-multiple-columns) .column-header,
.app-body:not(.layout-multiple-columns) .column-back-button { .app-body:not(.layout-multiple-columns) .column-back-button {
background-color: transparent; background-color: transparent;
-webkit-backdrop-filter: none; -webkit-backdrop-filter: none;
backdrop-filter: none; backdrop-filter: none;
} }
.app-body:not(.layout-multiple-columns) .column-header__button,
.app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover) {
padding: 0 12px;
height: 35px !important;
align-self: center;
transform-origin: center right;
}
} }
.app-body .column-back-button--slim-button::after { .app-body .column-back-button--slim-button::after {

11
TangerineUI-purple.css
View file

@ -2987,13 +2987,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body:not(.layout-multiple-columns) .column-back-button::after { .app-body:not(.layout-multiple-columns) .column-back-button::after {
display: none; display: none;
} }
.app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover), .app-body .column-header__buttons {
height: 55px;
}
.app-body:not(.layout-multiple-columns) .column-header, .app-body:not(.layout-multiple-columns) .column-header,
.app-body:not(.layout-multiple-columns) .column-back-button { .app-body:not(.layout-multiple-columns) .column-back-button {
background-color: transparent; background-color: transparent;
-webkit-backdrop-filter: none; -webkit-backdrop-filter: none;
backdrop-filter: none; backdrop-filter: none;
} }
.app-body:not(.layout-multiple-columns) .column-header__button,
.app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover) {
padding: 0 12px;
height: 35px !important;
align-self: center;
transform-origin: center right;
}
} }
.app-body .column-back-button--slim-button::after { .app-body .column-back-button--slim-button::after {

11
TangerineUI.css
View file

@ -2987,13 +2987,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body:not(.layout-multiple-columns) .column-back-button::after { .app-body:not(.layout-multiple-columns) .column-back-button::after {
display: none; display: none;
} }
.app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover), .app-body .column-header__buttons {
height: 55px;
}
.app-body:not(.layout-multiple-columns) .column-header, .app-body:not(.layout-multiple-columns) .column-header,
.app-body:not(.layout-multiple-columns) .column-back-button { .app-body:not(.layout-multiple-columns) .column-back-button {
background-color: transparent; background-color: transparent;
-webkit-backdrop-filter: none; -webkit-backdrop-filter: none;
backdrop-filter: none; backdrop-filter: none;
} }
.app-body:not(.layout-multiple-columns) .column-header__button,
.app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover) {
padding: 0 12px;
height: 35px !important;
align-self: center;
transform-origin: center right;
}
} }
.app-body .column-back-button--slim-button::after { .app-body .column-back-button--slim-button::after {