show: meta-tags text and navigation buttons on mobile more visible
Massimo Melina committed
Mar 29, 2025 at 23:54 UTC
c1feedf8d0d238c56b54e1333d24bcaa619d4f9d
1 file changed
+3
-1
frontend/src/index.scss
+3
-1
@@ -740,6 +740,7 @@ form label+input { margin-top: .2em; }
740
text-align: center;
741
display: flex;
742
justify-content: center;
743
+ text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000;
744
&>div { position: absolute;
745
margin: 1em;
746
}
@@ -789,7 +790,7 @@ form label+input { margin-top: .2em; }
790
user-select: none;
791
transition: opacity .3s;
792
&:hover { opacity: .7; }
792
- &.nav-hidden:not(:hover) { opacity: 0 }
793
+ &.nav-hidden:not(:hover) { opacity: .3 }
794
}
795
.bar {
796
padding: .5em min(2vw, 1em);
@@ -877,5 +878,6 @@ form label+input { margin-top: .2em; }
878
}
879
880
@media (pointer: coarse) {
881
+ .file-show .nav { height: 1.6em; } // correct centering on android
882
#root>.tiles-mode .file-menu-button { font-size: 1em; margin-top: 0.3em; } // easier to tap
883
}