MaDgIK
/
monitor
13
0
Fork 0
Code Issues Pull Requests Projects Releases 15 Wiki Activity

[Monitor | Trunk]: Component css change paths to relatives 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor@58879 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantinos Triantafyllou 2020-06-11 09:51:58 +00:00
parent 4676ea31d0
commit e4e7877c0e
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/home/home.component.css
View File

@ -1,7 +1,7 @@
.home-background { .home-background {
background-size: contain, cover; background-size: contain, cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url("~assets/monitor-assets/home/lighthouse.png"), url("~assets/monitor-assets/home/background.svg"); background-image: url("/assets/monitor-assets/home/lighthouse.png"), url("/assets/monitor-assets/home/background.svg");
background-blend-mode: darken; background-blend-mode: darken;
} }
@ -9,12 +9,12 @@
.home-background { .home-background {
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url("~assets/monitor-assets/home/background.svg"); background-image: url("/assets/monitor-assets/home/background.svg");
} }
} }
.dashboard-section{ .dashboard-section{
background-image: url("~assets/monitor-assets/home/graph-background.svg"); background-image: url("/assets/monitor-assets/home/graph-background.svg");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@ -29,7 +29,7 @@
.dashboard-section .dashboard { .dashboard-section .dashboard {
transform: translateY(-50%); transform: translateY(-50%);
background-image: url("~assets/monitor-assets/home/dashboard.png"); background-image: url("/assets/monitor-assets/home/dashboard.png");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top center; background-position: top center;
@ -45,7 +45,7 @@
} }
.dashboard-section .dashboard .captain-left { .dashboard-section .dashboard .captain-left {
background-image: url("~assets/monitor-assets/home/captain-left.png"); background-image: url("/assets/monitor-assets/home/captain-left.png");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top center; background-position: top center;
@ -58,7 +58,7 @@
.dashboard-section .dashboard .captain-right { .dashboard-section .dashboard .captain-right {
background-image: url("~assets/monitor-assets/home/captain-right.png"); background-image: url("/assets/monitor-assets/home/captain-right.png");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top center; background-position: top center;
@ -109,7 +109,7 @@
@media (min-width: 960px) and (max-width: 1199px){ @media (min-width: 960px) and (max-width: 1199px){
.boat-section { .boat-section {
background-image: url("~assets/monitor-assets/home/boat.png"); background-image: url("/assets/monitor-assets/home/boat.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
background-size: 30% ; background-size: 30% ;
@ -123,7 +123,7 @@
} }
.boat-section .boat { .boat-section .boat {
background-image: url("~assets/monitor-assets/home/boat.png"); background-image: url("/assets/monitor-assets/home/boat.png");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0 0 -30px 50%; margin: 0 0 -30px 50%;
@ -151,7 +151,7 @@
} }
.graph-section { .graph-section {
background-image: url("~assets/monitor-assets/home/graph-background.svg"); background-image: url("/assets/monitor-assets/home/graph-background.svg");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
} }

8
src/app/learn-how/learn-how.component.css
View File

@ -17,7 +17,7 @@
} }
.steps.uk-visible\@l .first-arrow { .steps.uk-visible\@l .first-arrow {
background-image: url("~assets/monitor-assets/about/arrow-1.svg"); background-image: url("/assets/monitor-assets/about/arrow-1.svg");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
@ -35,7 +35,7 @@
} }
.steps.uk-visible\@l .second-arrow { .steps.uk-visible\@l .second-arrow {
background-image: url("~assets/monitor-assets/about/arrow-2.svg"); background-image: url("/assets/monitor-assets/about/arrow-2.svg");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
@ -53,7 +53,7 @@
} }
.steps.uk-visible\@l .third-arrow { .steps.uk-visible\@l .third-arrow {
background-image: url("~assets/monitor-assets/about/arrow-3.svg"); background-image: url("/assets/monitor-assets/about/arrow-3.svg");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
@ -71,7 +71,7 @@
} }
.steps.uk-visible\@l .forth-arrow { .steps.uk-visible\@l .forth-arrow {
background-image: url("~assets/monitor-assets/about/arrow-4.svg"); background-image: url("/assets/monitor-assets/about/arrow-4.svg");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;