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

Handle 3 items in the bottom bar on mobile on profile pages

Browse source
This commit is contained in:
Niléane 2023-11-24 17:03:20 +01:00
commit 6858d55982
No known key found for this signature in database
3 changed files with 24 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
TangerineUI-cherry.css
View file

@ -2627,7 +2627,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .app-body
.navigation-panel:has(> *:nth-child(5):last-child) .navigation-panel:has(> *:nth-child(5):last-child)
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal),
.app-body
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
:is(.column-link, .navigation-panel__legal) {
flex: calc(100vw / 3); flex: calc(100vw / 3);
} }
.app-body .app-body
@ -2635,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal) {
flex: 25vw; flex: 25vw;
} }
.app-body
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
display: none;
}
.app-body .column-link--transparent:is(.active, .active:hover, :active) { .app-body .column-link--transparent:is(.active, .active:hover, :active) {
margin: 6px 0 8px; margin: 6px 0 8px;
padding: 4px 0 3px; padding: 4px 0 3px;

9
TangerineUI-purple.css
View file

@ -2627,7 +2627,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .app-body
.navigation-panel:has(> *:nth-child(5):last-child) .navigation-panel:has(> *:nth-child(5):last-child)
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal),
.app-body
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
:is(.column-link, .navigation-panel__legal) {
flex: calc(100vw / 3); flex: calc(100vw / 3);
} }
.app-body .app-body
@ -2635,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal) {
flex: 25vw; flex: 25vw;
} }
.app-body
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
display: none;
}
.app-body .column-link--transparent:is(.active, .active:hover, :active) { .app-body .column-link--transparent:is(.active, .active:hover, :active) {
margin: 6px 0 8px; margin: 6px 0 8px;
padding: 4px 0 3px; padding: 4px 0 3px;

9
TangerineUI.css
View file

@ -2627,7 +2627,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .app-body
.navigation-panel:has(> *:nth-child(5):last-child) .navigation-panel:has(> *:nth-child(5):last-child)
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal),
.app-body
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
:is(.column-link, .navigation-panel__legal) {
flex: calc(100vw / 3); flex: calc(100vw / 3);
} }
.app-body .app-body
@ -2635,6 +2638,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal) {
flex: 25vw; flex: 25vw;
} }
.app-body
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
display: none;
}
.app-body .column-link--transparent:is(.active, .active:hover, :active) { .app-body .column-link--transparent:is(.active, .active:hover, :active) {
margin: 6px 0 8px; margin: 6px 0 8px;
padding: 4px 0 3px; padding: 4px 0 3px;