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

Better selectors for the new compact mobile top toolbar

Browse source
This commit is contained in:
Niléane 2024-02-14 19:29:25 +01:00
commit 5d9c4608af
No known key found for this signature in database
3 changed files with 21 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

12
TangerineUI-cherry.css
View file

@ -3100,18 +3100,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
height: 45px;
border-bottom: 0;
}
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper {
display: none;
}
.app-body:not(.layout-multiple-columns):has(.ui__header .ui__header__links .button[href="/publish"]) .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper, > #tabs-bar__portal > .column-back-button) { /* Column header (2nd top bar) is displayed only if there's something inside */
.app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
display: block;
top: 0;
left: 40px;
left: 45px;
right: 105px;
height: 55px;
position: fixed;
}
.app-body:not(.layout-multiple-columns):not(:has(.ui .ui__header__links > .button[href="/auth/sign_in"])) .tabs-bar__wrapper {
z-index: 3;
}
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *) {
display: none;
}
.app-body:not(.layout-multiple-columns)
:is(
.column-header,

12
TangerineUI-purple.css
View file

@ -3100,18 +3100,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
height: 45px;
border-bottom: 0;
}
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper {
display: none;
}
.app-body:not(.layout-multiple-columns):has(.ui__header .ui__header__links .button[href="/publish"]) .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper, > #tabs-bar__portal > .column-back-button) { /* Column header (2nd top bar) is displayed only if there's something inside */
.app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
display: block;
top: 0;
left: 40px;
left: 45px;
right: 105px;
height: 55px;
position: fixed;
}
.app-body:not(.layout-multiple-columns):not(:has(.ui .ui__header__links > .button[href="/auth/sign_in"])) .tabs-bar__wrapper {
z-index: 3;
}
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *) {
display: none;
}
.app-body:not(.layout-multiple-columns)
:is(
.column-header,

12
TangerineUI.css
View file

@ -3100,18 +3100,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
height: 45px;
border-bottom: 0;
}
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper {
display: none;
}
.app-body:not(.layout-multiple-columns):has(.ui__header .ui__header__links .button[href="/publish"]) .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper, > #tabs-bar__portal > .column-back-button) { /* Column header (2nd top bar) is displayed only if there's something inside */
.app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
display: block;
top: 0;
left: 40px;
left: 45px;
right: 105px;
height: 55px;
position: fixed;
}
.app-body:not(.layout-multiple-columns):not(:has(.ui .ui__header__links > .button[href="/auth/sign_in"])) .tabs-bar__wrapper {
z-index: 3;
}
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *) {
display: none;
}
.app-body:not(.layout-multiple-columns)
:is(
.column-header,