Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Use SCSS nesting in lightbox.scss for `.center`.

This commit is contained in:
Vaibhav 2019-06-10 12:07:36 +05:30 committed by Tim Abbott
parent a1f2b2b5ba
commit b75b6ce64c
1 changed files with 42 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
static/styles/lightbox.scss
View File

@ -207,56 +207,58 @@
}
}
#lightbox_overlay .center .arrow {
display: inline-block;
vertical-align: top;
margin-top: 25px;
padding: 5px 10px;
#lightbox_overlay .center {
.arrow {
display: inline-block;
vertical-align: top;
margin-top: 25px;
padding: 5px 10px;
color: hsl(0, 0%, 100%);
font-size: 1.8em;
font-weight: 100;
color: hsl(0, 0%, 100%);
font-size: 1.8em;
font-weight: 100;
transform: scaleY(2);
cursor: pointer;
transform: scaleY(2);
cursor: pointer;
opacity: 0.5;
transition: all 0.3s ease;
}
opacity: 0.5;
transition: all 0.3s ease;
#lightbox_overlay .center .arrow:hover {
opacity: 1;
}
&:hover {
opacity: 1;
}
}
#lightbox_overlay .center .image-list {
position: relative;
display: inline-block;
padding: 15px 0px 12px 0px;
height: 50px;
font-size: 0px;
.image-list {
position: relative;
display: inline-block;
padding: 15px 0px 12px 0px;
height: 50px;
font-size: 0px;
max-width: 40vw;
overflow: hidden;
white-space: nowrap;
}
max-width: 40vw;
overflow: hidden;
white-space: nowrap;
#lightbox_overlay .center .image-list .image {
display: inline-block;
vertical-align: top;
width: 50px;
height: 50px;
margin: 0px 2px;
.image {
display: inline-block;
vertical-align: top;
width: 50px;
height: 50px;
margin: 0px 2px;
background-color: hsla(0, 0%, 94%, 0.2);
opacity: 0.5;
background-color: hsla(0, 0%, 94%, 0.2);
opacity: 0.5;
background-size: cover;
background-position: center;
cursor: pointer;
}
background-size: cover;
background-position: center;
cursor: pointer;
#lightbox_overlay .center .image-list .image.selected {
opacity: 1;
&.selected {
opacity: 1;
}
}
}
}
#lightbox_overlay .image-actions .button {