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
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 */
-webkit-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: "";
height: 100px;
left: 0;
@ -2257,7 +2257,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none;
}
.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"] {
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-left: 0;
}
.layout-single-column .navigation-panel .column-link,
.layout-single-column .navigation-panel .navigation-panel__legal,
.layout-single-column .navigation-panel :is(.column-link, .navigation-panel__legal),
.layout-single-column .column-link--transparent:is(.active, .active:hover, :active) {
flex: 0 0 20vw;
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 */
-webkit-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: "";
height: 100px;
left: 0;
@ -2257,7 +2257,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
display: none;
}
.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"] {
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-left: 0;
}
.layout-single-column .navigation-panel .column-link,
.layout-single-column .navigation-panel .navigation-panel__legal,
.layout-single-column .navigation-panel :is(.column-link, .navigation-panel__legal),
.layout-single-column .column-link--transparent:is(.active, .active:hover, :active) {
flex: 0 0 20vw;
margin: 6px 0 8px;