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

Fixes for top and bottom mobile bars

Browse source
This commit is contained in:
Niléane 2023-11-16 00:33:46 +01:00
commit 23cea5e28f
No known key found for this signature in database
4 changed files with 12 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

7
TangerineUI-purple.css
View file

@ -2022,7 +2022,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
background-color: rgba(245, 242, 239, 0.75); background-color: rgba(255, 255, 255, 0.75);
content: ""; content: "";
height: 100px; height: 100px;
left: 0; left: 0;
@ -2257,7 +2257,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none; display: none;
} }
.layout-single-column .ui__header__links .button.button-secondary { .layout-single-column .ui__header__links .button.button-secondary {
padding: 8px 18px 8px 18px; padding: 8px 15px;
} }
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { .layout-single-column .ui__header__links .button.button-secondary[href="/publish"] {
background-color: var(--color-accent); background-color: var(--color-accent);
@ -2415,8 +2415,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
border-left: 0; border-left: 0;
} }
.layout-single-column .navigation-panel .column-link, .layout-single-column .navigation-panel :is(.column-link, .navigation-panel__legal),
.layout-single-column .navigation-panel .navigation-panel__legal,
.layout-single-column .column-link--transparent:is(.active, .active:hover, :active) { .layout-single-column .column-link--transparent:is(.active, .active:hover, :active) {
flex: 0 0 20vw; flex: 0 0 20vw;
margin: 6px 0 8px; margin: 6px 0 8px;

7
TangerineUI.css
View file

@ -2022,7 +2022,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
background-color: rgba(245, 242, 239, 0.75); background-color: rgba(255, 255, 255, 0.75);
content: ""; content: "";
height: 100px; height: 100px;
left: 0; left: 0;
@ -2257,7 +2257,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none; display: none;
} }
.layout-single-column .ui__header__links .button.button-secondary { .layout-single-column .ui__header__links .button.button-secondary {
padding: 8px 18px 8px 18px; padding: 8px 15px;
} }
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { .layout-single-column .ui__header__links .button.button-secondary[href="/publish"] {
background-color: var(--color-accent); background-color: var(--color-accent);
@ -2415,8 +2415,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
border-left: 0; border-left: 0;
} }
.layout-single-column .navigation-panel .column-link, .layout-single-column .navigation-panel :is(.column-link, .navigation-panel__legal),
.layout-single-column .navigation-panel .navigation-panel__legal,
.layout-single-column .column-link--transparent:is(.active, .active:hover, :active) { .layout-single-column .column-link--transparent:is(.active, .active:hover, :active) {
flex: 0 0 20vw; flex: 0 0 20vw;
margin: 6px 0 8px; margin: 6px 0 8px;

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

@ -2022,7 +2022,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
background-color: rgba(245, 242, 239, 0.75); background-color: rgba(255, 255, 255, 0.75);
content: ""; content: "";
height: 100px; height: 100px;
left: 0; left: 0;
@ -2257,7 +2257,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none; display: none;
} }
.layout-single-column .ui__header__links .button.button-secondary { .layout-single-column .ui__header__links .button.button-secondary {
padding: 8px 18px 8px 18px; padding: 8px 15px;
} }
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { .layout-single-column .ui__header__links .button.button-secondary[href="/publish"] {
background-color: var(--color-accent); background-color: var(--color-accent);
@ -2415,8 +2415,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
border-left: 0; border-left: 0;
} }
.layout-single-column .navigation-panel .column-link, .layout-single-column .navigation-panel :is(.column-link, .navigation-panel__legal),
.layout-single-column .navigation-panel .navigation-panel__legal,
.layout-single-column .column-link--transparent:is(.active, .active:hover, :active) { .layout-single-column .column-link--transparent:is(.active, .active:hover, :active) {
flex: 0 0 20vw; flex: 0 0 20vw;
margin: 6px 0 8px; margin: 6px 0 8px;

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

@ -2022,7 +2022,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
background-color: rgba(245, 242, 239, 0.75); background-color: rgba(255, 255, 255, 0.75);
content: ""; content: "";
height: 100px; height: 100px;
left: 0; left: 0;
@ -2257,7 +2257,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none; display: none;
} }
.layout-single-column .ui__header__links .button.button-secondary { .layout-single-column .ui__header__links .button.button-secondary {
padding: 8px 18px 8px 18px; padding: 8px 15px;
} }
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { .layout-single-column .ui__header__links .button.button-secondary[href="/publish"] {
background-color: var(--color-accent); background-color: var(--color-accent);
@ -2415,8 +2415,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-top: 1px solid var(--color-lines); border-top: 1px solid var(--color-lines);
border-left: 0; border-left: 0;
} }
.layout-single-column .navigation-panel .column-link, .layout-single-column .navigation-panel :is(.column-link, .navigation-panel__legal),
.layout-single-column .navigation-panel .navigation-panel__legal,
.layout-single-column .column-link--transparent:is(.active, .active:hover, :active) { .layout-single-column .column-link--transparent:is(.active, .active:hover, :active) {
flex: 0 0 20vw; flex: 0 0 20vw;
margin: 6px 0 8px; margin: 6px 0 8px;