Project

General

Profile

« Previous | Next » 

Revision 61284

Added by Konstantinos Triantafyllou almost 3 years ago

[Library | Angular 11]: how css change paths to relatives

View differences:

modules/uoa-services-library/branches/angular-11/ng-openaire-library/src/app/monitor/how/how.component.css
8 8 
    text-align: center;
9 9 
    padding-bottom: 5%;
10 10 
    position: absolute;
11 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/1.svg");
11 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/1.svg");
12 12 
    right: -21%;
13 13 
    top: 33%;
14 14 
    width: 20%;
......
27 27 
    text-align: center;
28 28 
    padding-bottom: 5%;
29 29 
    position: absolute;
30 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/2.svg");
30 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/2.svg");
31 31 
    right: -10%;
32 32 
    top: 31%;
33 33 
    width: 30%;
......
50 50 
    padding-top: 5%;
51 51 
    padding-bottom: 5%;
52 52 
    position: absolute;
53 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg");
53 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
54 54 
    bottom: 6%;
55 55 
    left: 6%;
56 56 
    transform: translateY(100%);
......
74 74 
    text-align: center;
75 75 
    padding-bottom: 5%;
76 76 
    position: absolute;
77 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/4.svg");
77 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/4.svg");
78 78 
    left: -18%;
79 79 
    top: 35%;
80 80 
    width: 30%;
......
96 96 
    text-align: center;
97 97 
    padding-bottom: 5%;
98 98 
    position: absolute;
99 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/5.svg");
99 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/5.svg");
100 100 
    left: -35%;
101 101 
    top: 36%;
102 102 
    width: 30%;
......
124 124 
  .how .final > div:first-child:before {
125 125 
    content: "";
126 126 
    position: absolute;
127 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/6.svg");
127 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/6.svg");
128 128 
    left: -20%;
129 129 
    top: -20%;
130 130 
    height: 70%;
......
137 137 
  .how .final > div:first-child:after {
138 138 
    content: "We make visualizations, graphs, reports and deliver all in a customisable tool";
139 139 
    position: absolute;
140 
    background-image: url("/assets/common-assets/monitor-assets/how/circle.png");
140 
    background-image: url("~src/assets/common-assets/monitor-assets/how/circle.png");
141 141 
    right: -220px;
142 142 
    top: -20%;
143 143 
    width: 300px;
......
173 173 
    text-align: center;
174 174 
    padding: 25px 105px 25px 0;
175 175 
    position: absolute;
176 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg");
176 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
177 177 
    left: 26%;
178 178 
    top: 72%;
179 179 
    background-size: contain;
......
191 191 
    text-align: center;
192 192 
    padding: 25px 105px 25px 0;
193 193 
    position: absolute;
194 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg");
194 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
195 195 
    left: 25%;
196 196 
    top: 70%;
197 197 
    background-size: contain;
......
209 209 
    text-align: center;
210 210 
    padding: 25px 105px 25px 0;
211 211 
    position: absolute;
212 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg");
212 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
213 213 
    left: 17%;
214 214 
    top: 75%;
215 215 
    background-size: contain;
......
231 231 
    text-align: center;
232 232 
    padding: 25px 105px 25px 0;
233 233 
    position: absolute;
234 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg");
234 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
235 235 
    left: 26%;
236 236 
    top: 79%;
237 237 
    background-size: contain;
......
249 249 
    text-align: center;
250 250 
    padding: 25px 105px 25px 0;
251 251 
    position: absolute;
252 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg");
252 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
253 253 
    left: 27%;
254 254 
    top: 76%;
255 255 
    background-size: contain;
......
276 276 
  .how .final > div:first-child:before {
277 277 
    content: "";
278 278 
    position: absolute;
279 
    background-image: url("/assets/common-assets/monitor-assets/green-arrows/6.svg");
279 
    background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/6.svg");
280 280 
    left: 32%;
281 281 
    top: -80%;
282 282 
    height: 70%;
......
289 289 
  .how .final > div:first-child:after {
290 290 
    content: "We make visualizations, graphs, reports and deliver all in a customisable tool";
291 291 
    position: absolute;
292 
    background-image: url("/assets/common-assets/monitor-assets/how/circle.png");
292 
    background-image: url("~src/assets/common-assets/monitor-assets/how/circle.png");
293 293 
    left: -62%;
294 294 
    top: 85%;
295 295 
    width: 300px;

Also available in: Unified diff