49 lines
823 B
SCSS
49 lines
823 B
SCSS
.gallery-item {
|
|
display: flex;
|
|
flex-flow: column;
|
|
background: white;
|
|
box-shadow: 5px 5px 10px 0px #e0e0e0;
|
|
}
|
|
|
|
.gallery-item-wide {
|
|
display: grid;
|
|
grid: "img details" 200px
|
|
"stats details" auto/311px auto;
|
|
width:100%;
|
|
background: white;
|
|
box-shadow: 5px 5px 10px 0px #e0e0e0;
|
|
}
|
|
|
|
.gallery-item-wide .gallery-item-img{
|
|
grid-area: img;
|
|
}
|
|
.gallery-item-wide .gallery-item-global-stats {
|
|
grid-area: stats;
|
|
}
|
|
.gallery-item-wide .gallery-item-details{
|
|
grid-area: details;
|
|
}
|
|
|
|
|
|
.gallery-item a {
|
|
align-self: center;
|
|
}
|
|
|
|
.gallery-item .fieldValue{
|
|
word-break: break-all;
|
|
}
|
|
|
|
.gallery-item-big-image-container{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1; /*make sure it is above the gallery-item-plotType images*/
|
|
}
|
|
.gallery-item-big-image-close{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
|