Preserved active state for header button in compact top toolbar
This commit is contained in:
parent
dbe9f460ff
commit
4c0d66d5be
3 changed files with 30 additions and 3 deletions
|
|
@ -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 {
|
||||
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-back-button {
|
||||
background-color: transparent;
|
||||
-webkit-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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
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-back-button {
|
||||
background-color: transparent;
|
||||
-webkit-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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
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-back-button {
|
||||
background-color: transparent;
|
||||
-webkit-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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue