MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 22 Wiki Activity

[Explore | Trunk]: Change home page curved-bottom svg 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@58364 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-03-31 17:57:03 +00:00
parent f33fa04d83
commit 5647d432f6
3 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
explore/src/app/home/home.component.html
View File

@ -272,7 +272,7 @@
</div>
<!-- <div class="homePageGrayBackground">-->
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
class="graph-background-bottom uk-background-norepeat uk-background-top-center uk-height-small"></div>
class="graph-background-bottom uk-section uk-padding-remove-vertical uk-background-cover"></div>
<!-- </div>-->
<!-- If no help text, uncomment from here-->
<!-- <div class="uk-section uk-section-small">-->

5
explore/src/assets/curved-bottom.svg
View File

@ -1,4 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="2589.757" height="64.343" viewBox="0 0 2589.757 64.343">
<rect width="100%" height="100%" fill="#FAFAFA"/>
<path d="M0,521.966H1978.151a.887.887,0,0,1,0,.881c-240.592,0-232.9,20.119-332.308,32.318s-279.843,0-279.843,0-332.25-31.658-599-15-244,44-432,46-264.28-32.058-357.23-46S-184.5,522.987-279.812,522.24s-331.688,0-331.688,0v-.274H0Z" transform="translate(611.5 -521.907)" fill="#d95f2d"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="1367" height="120.052" viewBox="0 0 1367 120.052"><defs><style>.a{fill:#fafafa;}.b{fill:#d95f2d;}</style></defs><g transform="translate(11962 8145.052)"><rect class="a" width="1367" height="120" transform="translate(-11962 -8145)"/><path class="b" d="M1367,5S1215.409-18.052,965.38-18.052,590.781,18,350.769,18,0-10.052,0-10.052v-13H1367Z" transform="translate(-11962 -8122)"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 455 B

After

Width:  |  Height:  |  Size: 434 B

2
explore/src/assets/explore-custom.css
View File

@ -164,9 +164,9 @@
}
.graph-background-bottom {
margin-top: -1.5px;
background-image: url("curved-bottom.svg");
background-color: #FAFAFA;
height: 170px;
}
.custom-explore-toggle {