nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: auto hiding headbar in preview

Browse Source
This commit is contained in:
niubility000 2024-02-27 14:56:49 +08:00 committed by GitHub
parent cb2477217c
commit b37badfe25
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/css/mobile.css
View File

@ -2,10 +2,6 @@
nav {
width: 10em
}
/* Mobile Only fix div hidden by bottom navigation bar of mobile browser when using height: 100vh */
#previewer .preview {
height: calc(100% - 4em) !important;
}
}
@media (max-width: 1024px) {

23
frontend/src/css/styles.css
View File

@ -152,8 +152,7 @@ main .spinner .bounce2 {
/* PREVIEWER */
#previewer {
background-color: rgba(0, 0, 0, 0.99);
padding-top: 4em;
background-color: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0;
left: 0;
@ -166,15 +165,25 @@ main .spinner .bounce2 {
#previewer header {
background: none;
color: #fff;
border-bottom: 0px;
box-shadow: 0px 0px 0px;
z-index: 19999;
}
#previewer header > .action i {
color: #fff;
text-shadow: 1px 1px 1px #000000;
}
#previewer header > title {
white-space: nowrap;
text-shadow: 1px 1px 1px #000000;
}
@media (min-width: 738px) {
#previewer header #dropdown .action i {
color: #fff;
text-shadow: 1px 1px 1px #000000;
}
}
@ -188,7 +197,7 @@ main .spinner .bounce2 {
#previewer .preview {
text-align: center;
height: calc(100vh - 4em);
height: 100%;
}
#previewer .preview pre {
@ -203,6 +212,12 @@ main .spinner .bounce2 {
margin: 0;
}
#previewer .preview audio {
width: 95%;
height: 88%;
}
#previewer .preview video {
height: 100%;
}
@ -247,7 +262,7 @@ main .spinner .bounce2 {
#previewer > button {
margin: 0;
position: fixed;
top: calc(50% + 1.85em);
top: 50%;
transform: translateY(-50%);
background-color: rgba(80, 80, 80, 0.5);
color: white;