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

Copy CSS files to installation folder

Browse source
This commit is contained in:
nileane 2024-02-14 19:53:38 +00:00 • committed by github-actions[bot]
commit 103bd071e4
3 changed files with 54 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

24
mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
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 {
@ -3100,18 +3109,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
height: 45px; height: 45px;
border-bottom: 0; border-bottom: 0;
} }
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper { .app-body:not(.layout-multiple-columns) .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 */
display: block; display: block;
top: 0; top: 0;
left: 40px; left: 45px;
right: 105px; right: 105px;
height: 55px; height: 55px;
position: fixed; 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; 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) .app-body:not(.layout-multiple-columns)
:is( :is(
.column-header, .column-header,
@ -3626,6 +3637,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link__icon { .app-body .column-link__icon {
margin: 0; margin: 0;
transform: scale(1.3);
} }
.app-body .column-link span { .app-body .column-link span {
padding-left: .5em; padding-left: .5em;

24
mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
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 {
@ -3100,18 +3109,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
height: 45px; height: 45px;
border-bottom: 0; border-bottom: 0;
} }
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper { .app-body:not(.layout-multiple-columns) .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 */
display: block; display: block;
top: 0; top: 0;
left: 40px; left: 45px;
right: 105px; right: 105px;
height: 55px; height: 55px;
position: fixed; 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; 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) .app-body:not(.layout-multiple-columns)
:is( :is(
.column-header, .column-header,
@ -3626,6 +3637,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link__icon { .app-body .column-link__icon {
margin: 0; margin: 0;
transform: scale(1.3);
} }
.app-body .column-link span { .app-body .column-link span {
padding-left: .5em; padding-left: .5em;

24
mastodon/app/javascript/styles/tangerineui/tangerineui.scss
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 {
@ -3100,18 +3109,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
height: 45px; height: 45px;
border-bottom: 0; border-bottom: 0;
} }
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper { .app-body:not(.layout-multiple-columns) .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 */
display: block; display: block;
top: 0; top: 0;
left: 40px; left: 45px;
right: 105px; right: 105px;
height: 55px; height: 55px;
position: fixed; 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; 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) .app-body:not(.layout-multiple-columns)
:is( :is(
.column-header, .column-header,
@ -3626,6 +3637,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link__icon { .app-body .column-link__icon {
margin: 0; margin: 0;
transform: scale(1.3);
} }
.app-body .column-link span { .app-body .column-link span {
padding-left: .5em; padding-left: .5em;