haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 23:02:26 +00:00
Code Issues Releases Wiki Activity

[image file view] add a new version of 'image zoomer'(zoom in/out icons, and a scale menu) (#8059)

Browse Source
This commit is contained in:
llj
2025-07-19 17:00:55 +08:00
committed by GitHub
parent fb3a5d3f6c
commit 6451547c45
3 changed files with 167 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/css/image-file-view.css
View File

@@ -18,8 +18,6 @@
border: 1px solid #eee;
width: auto;
height: auto;
max-width: calc(100% - 4px);
max-height: calc(100% - 4px);
font-size: 0;
line-height: 0;
}
@@ -51,6 +49,32 @@
color: var(--bs-body-color);
}
.image-zoomer {
height: 24px;
.image-zoomer #zoom-out-image {
margin-right: 2px;
font-size: 18px; /* the actual icon is smaller than the others */
}
.image-zoomer #zoom-in-image {
margin-left: 2px;
font-size: 18px; /* the actual icon is smaller than the others */
}
.image-zoomer #cur-scale-input {
height: 28px;
width: 120px;
user-select: none;
}
.image-zoomer #scale-menu {
min-width: 120px; /* overwrite css from seahub_react.css */
width: 120px;
}
.image-zoomer #scale-menu-caret {
position: absolute;
right: 12px;
top: 9px;
font-size: 9px;
line-height: 1;
color: #666;
}