mirrors/filebrowser
1
0
Fork 0
mirror of https://github.com/filebrowser/filebrowser.git synced 2025-11-26 14:25:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: auto hiding header bar in preview to enlarge the preview window (#3024)

Browse Source
This commit is contained in:
niubility000
2024-03-07 18:25:01 +08:00
committed by GitHub
parent 8dddc8a450
commit d70650689c
3 changed files with 19 additions and 8 deletions
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) {

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

@@ -153,7 +153,6 @@ main .spinner .bounce2 {
#previewer {
background-color: rgba(0, 0, 0, 0.99);
padding-top: 4em;
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;