moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ThumbNavigation: display labels

This commit is contained in:
Alex Gleason 2021-10-15 10:19:16 -05:00
parent 013594444d
commit db741effc6
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/styles/navigation.scss
View File

@ -59,15 +59,22 @@
height: var(--thumb-navigation-base-height); height: var(--thumb-navigation-base-height);
display: flex; display: flex;
background: var(--foreground-color); background: var(--foreground-color);
justify-content: space-around; justify-content: space-between;
box-shadow: 0 -1px hsla(var(--primary-text-color_hsl), 0.2); box-shadow: 0 -1px hsla(var(--primary-text-color_hsl), 0.2);
border-radius: 0; border-radius: 0;
z-index: 999; z-index: 999;
padding-bottom: env(safe-area-inset-bottom); /* iOS PWA */ padding-bottom: env(safe-area-inset-bottom); /* iOS PWA */
overflow-x: scroll;
&::before,
&::after {
content: '';
}
&__link { &__link {
padding: 10px; padding: 10px;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: var(--primary-text-color); color: var(--primary-text-color);
@ -75,7 +82,8 @@
font-size: 20px; font-size: 20px;
span { span {
display: none; margin-top: 1px;
font-size: 1.2rem;
} }
.svg-icon { .svg-icon {