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