feat(MediaModal): add navigation between medias

This commit is contained in:
Matthieu Bessat 2020-08-19 11:50:53 +02:00
parent a8bed7c7de
commit d29d1a0212
3 changed files with 152 additions and 45 deletions

View file

@ -275,6 +275,49 @@
opacity: 1;
}
.media-nav {
position: absolute;
width: .5em;
color: white;
opacity: 0.8;
cursor: pointer;
font-size: 1.25em;
transition: 0.2s all;
z-index: 9999;
width: 5em;
}
.media-nav.disabled {
opacity: 0.25 !important;
cursor: auto;
}
.media-nav-btn svg {
height: 2em;
filter: drop-shadow(2px 4px 6px black);
}
.media-nav-btn {
padding: 2em;
display: flex;
justify-content: center;
align-items: center;
}
.media-nav:hover {
opacity: 1;
transition: 0.2s all;
}
.media-nav-left {
left: 2em !important;
}
.media-nav-right {
right: 2em !important;
}
/* *****************************************************************************
* SECTION
@ -764,6 +807,17 @@ RESPONSIVE
height: 33em;
}
/**
* MODAL
**/
.media-nav {
bottom: 0em;
}
.media-nav-btn {
padding-top: 1em;
padding-bottom: 1em;
}
/**
* MOSAIC CASES
*/