lrullo/industriapaisaia-frontend
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Edit Style on hover homepage

Browse Source
This commit is contained in:
Siroco 2019-02-03 00:57:27 +01:00
parent 6390e82599
commit 3d5412d741
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/section/section.component.html
View File

@ -4,7 +4,7 @@
<a routerLink="/{{page.slug}}">
<div class="row section-content" >
<div class="col-md-1 ia-select"></div>
<div class="col-md-5" [ngStyle]="{'background-size':'cover', 'background-repeat':'no-repeat','background-image':'url(\''+page.background_image+'\')'}"><h1><span>{{page.title}}</span></h1></div>
<div class="col-md-5 ia-image" [ngStyle]="{'background-size':'cover', 'background-repeat':'no-repeat','background-image':'url(\''+page.background_image+'\')'}"><h1><span>{{page.title}}</span></h1></div>
<div class="col-md-6 ia-home-excerpt" [innerHTML]="page.excerpt"></div>
</div>
</a>

4
src/styles.css
View File

@ -49,7 +49,7 @@ div.menu nav ul li.active { background-color:#f7886c;color:#fff;}
div.stick-menu { z-index:200;position:fixed;width:100%;top:0;}
/* section */
div.ia-section { min-height:300px;width:100%;background-size:contain; background-repeat:no-repeat; }
div.ia-section { margin-bottom:30px; min-height:300px;width:100%;background-size:contain; background-repeat:no-repeat; }
div.ia-section div.row div {text-align:center;min-height:300px;}
div.ia-section h1,
div.ia-section p {margin-top:50px;padding:20px;}
@ -59,6 +59,8 @@ div.ia-section h2 span { background-color:#f7886c; }
div.ia-section:hover { cursor:pointer; }
div.ia-section:active { background: #f7886c; }
div.ia-section:hover div.ia-select { min-height:300px; background:#f7886c; padding:0 !important; }
div.ia-section:hover div.ia-image {filter:grayscale(1);opacity:0.8;}
div.ia-section:hover div.ia-home-excerpt { background:#f7886c;}
div.ia-section div.col-md-5,
div.ia-section div.col-md-6 { padding:20px;}
div.ia-section div.ia-home-excerpt { font-size:1.5em; }