djabsher
/
UIAngular
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change button color on whoweare page

Transactions
Dan 2017-09-28 20:36:10 -06:00
parent a975314f95
commit bc3070f065
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Client/src/app/app.module.ts
View File

@ -13,8 +13,7 @@ import { MdButtonModule,
MdInputModule, MdInputModule,
MdSliderModule, MdSliderModule,
MdSnackBarModule, MdSnackBarModule,
MdDialogModule, MdDialogModule } from '@angular/material';
MdCardModule } from '@angular/material';
import { RouterModule } from '@angular/router'; import { RouterModule } from '@angular/router';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
//import 'hammerjs'; //import 'hammerjs';

2
Client/src/app/components/whoweare/whoweare.component.css
View File

@ -50,6 +50,8 @@ a:visited{
.container-3-col > button{ .container-3-col > button{
width: calc(33% - 12px); width: calc(33% - 12px);
background-color: lightgray;
color: black;
} }
.container-3-col > button ~ button{ .container-3-col > button ~ button{

6
Client/src/app/components/whoweare/whoweare.component.html
View File

@ -7,9 +7,9 @@
to spread the word of God as well as encourage and challenge believers in their Christian life. to spread the word of God as well as encourage and challenge believers in their Christian life.
<br><br> <br><br>
<div class="container-3-col"> <div class="container-3-col">
<button md-raised-button color="primary" routerLink="/services"><i ofbicon>access_time</i> Service Schedule</button><!-- <button md-raised-button routerLink="/services"><i ofbicon>access_time</i> Service Schedule</button><!--
--><button md-raised-button color="primary" routerLink="/location"><i ofbicon>directions</i> Directions</button><!-- --><button md-raised-button routerLink="/location"><i ofbicon>directions</i> Directions</button><!--
--><button md-raised-button color="primary" routerLink="/contact"><i ofbicon>mail_outline</i> Contact Us</button> --><button md-raised-button routerLink="/contact"><i ofbicon>mail_outline</i> Contact Us</button>
</div> </div>
</div> </div>
<br><br> <br><br>