forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-04-21 22:16:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added zoom in/out buttons

Browse Source
This commit is contained in:
Przemek Wiech
2020-03-16 17:45:36 +01:00
parent 09e8d19c7a
commit 9e37659288
3 changed files with 77 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/index.css
View File

@@ -67,3 +67,50 @@ div.ui.card.intro {
filter: blur(8px) opacity(30%);
-webkit-filter: blur(8px) opacity(30%);
}
.zoom {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
position: fixed;
margin: 10px;
z-index: 10;
}
.zoom a {
font-family: monospace;
font-weight: bold;
font-size: 20px;
text-decoration: none;
color: black;
text-align: center;
width: 26px;
height: 26px;
background-color: #fff;
display: block;
line-height: 26px;
box-sizing: content-box;
cursor: pointer;
}
.zoom a:hover {
background-color: #eee;
color: black;
}
.zoom-in {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 1px solid #ccc;
}
.zoom-out {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui.loader.loading-more {
position: absolute;
top: auto;
bottom: 0px;
left: 25px;
}