feat(MediaModal): add navigation between medias
This commit is contained in:
parent
a8bed7c7de
commit
d29d1a0212
3 changed files with 152 additions and 45 deletions
|
|
@ -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
|
||||
*/
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue