mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-06-02 00:08:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve preview GUI.

Browse source
This commit is contained in:
Lars Jung 2014-06-06 02:26:40 +02:00
parent 7f82e3c80a
commit 9ba30f6dad
3 changed files with 21 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/_h5ai/client/css/inc/preview.less
View file

@ -32,55 +32,43 @@
}
}
#pv-close-area {
position: absolute;
right: 8px;
top: 8px;
cursor: pointer;
img {
background-color: rgba(0,0,0,0.5);
border-radius: 8px;
width: 48px;
height: 48px;
opacity: 0.5;
}
&:hover, &.hover {
img {
opacity: 1;
}
}
}
#pv-prev-area, #pv-next-area {
position: absolute;
top: 50%;
cursor: pointer;
img {
background-color: rgba(0,0,0,0.5);
border-radius: 8px;
width: 48px;
height: 48px;
margin: -72px 0;
padding: 48px 0;
margin: -36px 0;
padding: 12px;
opacity: 0.5;
}
&:hover, &.hover {
img {
background-color: rgba(27,27,27,0.8);
opacity: 1;
}
}
}
#pv-prev-area {
left: 8px;
left: 0;
img {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
padding-left: 48px;
}
}
#pv-next-area {
right: 8px;
right: 0;
img {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding-right: 48px;
}
}
#pv-buttons {