Files
perfdb/pdb-js/src/app/gallery-view/gallery-item-view.component.scss
2020-10-31 09:58:49 +01:00

78 lines
2.2 KiB
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;
}
.gallery-item-plotType {
background-image: url(/assets/img/pointTypes.png);
width: 9px;
height: 7px;
transform: scale(1.5);
}
.gallery-item-plotType_0 {background-position-x: 0px;}
.gallery-item-plotType_1 {background-position-x: -10px;}
.gallery-item-plotType_2 {background-position-x: -20px;}
.gallery-item-plotType_3 {background-position-x: -30px;}
.gallery-item-plotType_4 {background-position-x: -40px;}
.gallery-item-plotType_5 {background-position-x: -50px;}
.gallery-item-plotType_6 {background-position-x: -60px;}
.gallery-item-plotType_7 {background-position-x: -70px;}
.gallery-item-plotType_8 {background-position-x: -80px;}
.gallery-item-plotType_9 {background-position-x: -90px;}
.gallery-item-plotType_10 {background-position-x:-100px;}
.gallery-item-plotType_11 {background-position-x:-110px;}
.gallery-item-plotType_12 {background-position-x:-120px;}
.gallery-item-plotType_0051c2 {background-position-y: 0px;}
.gallery-item-plotType_bf8300 {background-position-y: -8px;}
.gallery-item-plotType_9400d3 {background-position-y: -16px;}
.gallery-item-plotType_00c254 {background-position-y: -24px;}
.gallery-item-plotType_e6e600 {background-position-y: -32px;}
.gallery-item-plotType_e51e10 {background-position-y: -40px;}
.gallery-item-plotType_57a1c2 {background-position-y: -48px;}
.gallery-item-plotType_bd36c2 {background-position-y: -56px;}