tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updates to lightbox attachments modal style to match tainacan-interface guidelines.

This commit is contained in:
mateuswetah 2019-08-22 15:50:38 -03:00
parent 8803d17539
commit d889f3b1c6
2 changed files with 61 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/assets/scss/_lightbox.scss Normal file
View File

@ -0,0 +1,60 @@
.modal-backdrop.show {
opacity: 1;
background-color: rgba(10,10,10,0.85);
}
.ekko-lightbox {
.modal-dialog {
margin: 3.75rem auto;
}
.modal-content {
border: none;
.modal-body {
padding: 0;
.ekko-lightbox-nav-overlay {
a {
opacity: 1;
span {
padding: 0;
color: white;
font-size: 0;
}
span::before {
display: inline-block;
font: normal normal normal 64px/1 "TainacanIcons";
font-size: 64px !important;
line-height: 1;
font-size: inherit;
text-rendering: auto;
vertical-align: middle;
line-height: inherit;
}
&:hover {
color: white;
}
&:first-child {
left: -64px;
position: relative;
span:before {
content: "arrowleft";
}
}
&:last-child {
right: -64px;
position: relative;
span:before {
content: "arrowright";
}
}
}
}
}
}
}

17
src/assets/scss/style.scss
View File

@ -830,19 +830,4 @@ nav{
@import "_header-taxonomy"; @import "_header-taxonomy";
.ekko-lightbox-nav-overlay { @import "_lightbox";
a {
opacity: 1;
span {
padding: 0;
}
&:first-child {
left: -50px;
position: relative;
}
&:last-child {
right: -50px;
position: relative;
}
}
}