andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

reduce size of css

Browse Source
This commit is contained in:
Andreas Huber
2020-10-31 09:58:49 +01:00
parent de6ffe5097
commit 50c9e56f2e
2 changed files with 24 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
pdb-js/src/app/gallery-view/gallery-item-view.component.scss
View File

@@ -37,6 +37,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
z-index: 1; /*make sure it is above the gallery-item-plotType images*/
} }
.gallery-item-big-image-close{ .gallery-item-big-image-close{
position: absolute; position: absolute;
@@ -48,119 +49,29 @@
background-image: url(/assets/img/pointTypes.png); background-image: url(/assets/img/pointTypes.png);
width: 9px; width: 9px;
height: 7px; height: 7px;
transform: scale(2); transform: scale(1.5);
} }
.gallery-item-plotType_0_0051c2 {background-position: 0px 0px;}
.gallery-item-plotType_1_0051c2 {background-position: -10px 0px;}
.gallery-item-plotType_2_0051c2 {background-position: -20px 0px;}
.gallery-item-plotType_3_0051c2 {background-position: -30px 0px;}
.gallery-item-plotType_4_0051c2 {background-position: -40px 0px;}
.gallery-item-plotType_5_0051c2 {background-position: -50px 0px;}
.gallery-item-plotType_6_0051c2 {background-position: -60px 0px;}
.gallery-item-plotType_7_0051c2 {background-position: -70px 0px;}
.gallery-item-plotType_8_0051c2 {background-position: -80px 0px;}
.gallery-item-plotType_9_0051c2 {background-position: -90px 0px;}
.gallery-item-plotType_10_0051c2 {background-position:-100px 0px;}
.gallery-item-plotType_11_0051c2 {background-position:-110px 0px;}
.gallery-item-plotType_12_0051c2 {background-position:-120px 0px;}
.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_0_bf8300 {background-position: 0px -8px;} .gallery-item-plotType_0051c2 {background-position-y: 0px;}
.gallery-item-plotType_1_bf8300 {background-position: -10px -8px;} .gallery-item-plotType_bf8300 {background-position-y: -8px;}
.gallery-item-plotType_2_bf8300 {background-position: -20px -8px;} .gallery-item-plotType_9400d3 {background-position-y: -16px;}
.gallery-item-plotType_3_bf8300 {background-position: -30px -8px;} .gallery-item-plotType_00c254 {background-position-y: -24px;}
.gallery-item-plotType_4_bf8300 {background-position: -40px -8px;} .gallery-item-plotType_e6e600 {background-position-y: -32px;}
.gallery-item-plotType_5_bf8300 {background-position: -50px -8px;} .gallery-item-plotType_e51e10 {background-position-y: -40px;}
.gallery-item-plotType_6_bf8300 {background-position: -60px -8px;} .gallery-item-plotType_57a1c2 {background-position-y: -48px;}
.gallery-item-plotType_7_bf8300 {background-position: -70px -8px;} .gallery-item-plotType_bd36c2 {background-position-y: -56px;}
.gallery-item-plotType_8_bf8300 {background-position: -80px -8px;}
.gallery-item-plotType_9_bf8300 {background-position: -90px -8px;}
.gallery-item-plotType_10_bf8300 {background-position:-100px -8px;}
.gallery-item-plotType_11_bf8300 {background-position:-110px -8px;}
.gallery-item-plotType_12_bf8300 {background-position:-120px -8px;}
.gallery-item-plotType_0_9400d3 {background-position: 0px -16px;}
.gallery-item-plotType_1_9400d3 {background-position: -10px -16px;}
.gallery-item-plotType_2_9400d3 {background-position: -20px -16px;}
.gallery-item-plotType_3_9400d3 {background-position: -30px -16px;}
.gallery-item-plotType_4_9400d3 {background-position: -40px -16px;}
.gallery-item-plotType_5_9400d3 {background-position: -50px -16px;}
.gallery-item-plotType_6_9400d3 {background-position: -60px -16px;}
.gallery-item-plotType_7_9400d3 {background-position: -70px -16px;}
.gallery-item-plotType_8_9400d3 {background-position: -80px -16px;}
.gallery-item-plotType_9_9400d3 {background-position: -90px -16px;}
.gallery-item-plotType_10_9400d3 {background-position:-100px -16px;}
.gallery-item-plotType_11_9400d3 {background-position:-110px -16px;}
.gallery-item-plotType_12_9400d3 {background-position:-120px -16px;}
.gallery-item-plotType_0_00c254 {background-position: 0px -24px;}
.gallery-item-plotType_1_00c254 {background-position: -10px -24px;}
.gallery-item-plotType_2_00c254 {background-position: -20px -24px;}
.gallery-item-plotType_3_00c254 {background-position: -30px -24px;}
.gallery-item-plotType_4_00c254 {background-position: -40px -24px;}
.gallery-item-plotType_5_00c254 {background-position: -50px -24px;}
.gallery-item-plotType_6_00c254 {background-position: -60px -24px;}
.gallery-item-plotType_7_00c254 {background-position: -70px -24px;}
.gallery-item-plotType_8_00c254 {background-position: -80px -24px;}
.gallery-item-plotType_9_00c254 {background-position: -90px -24px;}
.gallery-item-plotType_10_00c254 {background-position:-100px -24px;}
.gallery-item-plotType_11_00c254 {background-position:-110px -24px;}
.gallery-item-plotType_12_00c254 {background-position:-120px -24px;}
.gallery-item-plotType_0_e6e600 {background-position: 0px -32px;}
.gallery-item-plotType_1_e6e600 {background-position: -10px -32px;}
.gallery-item-plotType_2_e6e600 {background-position: -20px -32px;}
.gallery-item-plotType_3_e6e600 {background-position: -30px -32px;}
.gallery-item-plotType_4_e6e600 {background-position: -40px -32px;}
.gallery-item-plotType_5_e6e600 {background-position: -50px -32px;}
.gallery-item-plotType_6_e6e600 {background-position: -60px -32px;}
.gallery-item-plotType_7_e6e600 {background-position: -70px -32px;}
.gallery-item-plotType_8_e6e600 {background-position: -80px -32px;}
.gallery-item-plotType_9_e6e600 {background-position: -90px -32px;}
.gallery-item-plotType_10_e6e600 {background-position:-100px -32px;}
.gallery-item-plotType_11_e6e600 {background-position:-110px -32px;}
.gallery-item-plotType_12_e6e600 {background-position:-120px -32px;}
.gallery-item-plotType_0_e51e10 {background-position: 0px -40px;}
.gallery-item-plotType_1_e51e10 {background-position: -10px -40px;}
.gallery-item-plotType_2_e51e10 {background-position: -20px -40px;}
.gallery-item-plotType_3_e51e10 {background-position: -30px -40px;}
.gallery-item-plotType_4_e51e10 {background-position: -40px -40px;}
.gallery-item-plotType_5_e51e10 {background-position: -50px -40px;}
.gallery-item-plotType_6_e51e10 {background-position: -60px -40px;}
.gallery-item-plotType_7_e51e10 {background-position: -70px -40px;}
.gallery-item-plotType_8_e51e10 {background-position: -80px -40px;}
.gallery-item-plotType_9_e51e10 {background-position: -90px -40px;}
.gallery-item-plotType_10_e51e10 {background-position:-100px -40px;}
.gallery-item-plotType_11_e51e10 {background-position:-110px -40px;}
.gallery-item-plotType_12_e51e10 {background-position:-120px -40px;}
.gallery-item-plotType_0_57a1c2 {background-position: 0px -48px;}
.gallery-item-plotType_1_57a1c2 {background-position: -10px -48px;}
.gallery-item-plotType_2_57a1c2 {background-position: -20px -48px;}
.gallery-item-plotType_3_57a1c2 {background-position: -30px -48px;}
.gallery-item-plotType_4_57a1c2 {background-position: -40px -48px;}
.gallery-item-plotType_5_57a1c2 {background-position: -50px -48px;}
.gallery-item-plotType_6_57a1c2 {background-position: -60px -48px;}
.gallery-item-plotType_7_57a1c2 {background-position: -70px -48px;}
.gallery-item-plotType_8_57a1c2 {background-position: -80px -48px;}
.gallery-item-plotType_9_57a1c2 {background-position: -90px -48px;}
.gallery-item-plotType_10_57a1c2 {background-position:-100px -48px;}
.gallery-item-plotType_11_57a1c2 {background-position:-110px -48px;}
.gallery-item-plotType_12_57a1c2 {background-position:-120px -48px;}
.gallery-item-plotType_0_bd36c2 {background-position: 0px -56px;}
.gallery-item-plotType_1_bd36c2 {background-position: -10px -56px;}
.gallery-item-plotType_2_bd36c2 {background-position: -20px -56px;}
.gallery-item-plotType_3_bd36c2 {background-position: -30px -56px;}
.gallery-item-plotType_4_bd36c2 {background-position: -40px -56px;}
.gallery-item-plotType_5_bd36c2 {background-position: -50px -56px;}
.gallery-item-plotType_6_bd36c2 {background-position: -60px -56px;}
.gallery-item-plotType_7_bd36c2 {background-position: -70px -56px;}
.gallery-item-plotType_8_bd36c2 {background-position: -80px -56px;}
.gallery-item-plotType_9_bd36c2 {background-position: -90px -56px;}
.gallery-item-plotType_10_bd36c2 {background-position:-100px -56px;}
.gallery-item-plotType_11_bd36c2 {background-position:-110px -56px;}
.gallery-item-plotType_12_bd36c2 {background-position:-120px -56px;}

2
pdb-js/src/app/gallery-view/gallery-view.component.ts
View File

@@ -337,7 +337,7 @@ export class GalleryItemView {
} }
pointTypeClass(typeAndColor: DashTypeAndColor): string { pointTypeClass(typeAndColor: DashTypeAndColor): string {
return "gallery-item-plotType gallery-item-plotType_"+typeAndColor.pointType+"_"+typeAndColor.color.toLocaleLowerCase(); return "gallery-item-plotType gallery-item-plotType_"+typeAndColor.pointType+" gallery-item-plotType_"+typeAndColor.color.toLocaleLowerCase();
} }
toPercent(percentage: number) : string{ toPercent(percentage: number) : string{