PR#43: HTML and CSS changes to Social Card. - Fedora-app

Radhika Gemawat • 6 years ago

2d6a922

Radhika Gemawat • 6 years ago

eb3b8e6

src/pages/social/social.html

file modified

+19 -7

		`@@ -18,21 +18,33 @@`
		`<ion-card *ngFor="let update of updates" >`

		`<ion-row>`
		`+ <!-- ion-col col-1 center>`
		`+ <button ion-button small clear disabled class="s-icon">`
		`+ <ion-icon name="logo-{{ update.origin }}"></ion-icon>`
		`+ </button>`
		`+ </ion-col> -->`
		`+`
		`+ <ion-item class="date">`
		`+ <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="myDate"> {{ update.date }} </ion-datetime>`
		`+ </ion-item>`
		`+`
		`<ion-col tappable (click)="openUpdate(update)">`
		`- {{ update.content }}`
		`+ {{ update.content }}`
		`</ion-col>`

		`+`
		`</ion-row>`
		`<ion-row >`
		`- <ion-col center >`
		`- <button ion-button small clear disabled class="s-icon">`
		`- <ion-icon name="logo-{{ update.origin }}"></ion-icon>`
		`- </button>`
		`+ <ion-col class="cta" (click)="openUpdate(update)" color="blue" font-weight="1.7">`
		`+ View on {{ update.origin }}`
		`</ion-col>`
		`<ion-col center>`
		`- <button ion-button small clear tappable color="dark" (click)="shareUpdate(update)">`
		`+ <ion-col class="cta" (click)="shareUpdate(update)" color="dark">`
		`+ Share`
		`+ </ion-col>`
		`+ <!-- <button ion-button small clear tappable color="dark" (click)="shareUpdate(update)">`
		`<ion-icon name="share"></ion-icon>`
		`- </button>`
		`+ </button> -->`
		`</ion-col>`
		`</ion-row>`
		`</ion-card>`

src/pages/social/social.scss

file modified

+29 -1

		`@@ -4,6 +4,7 @@`
		`}`

		`#social_logo{`
		`+ height: 80px;`
		`z-index: 1;`
		`display:block;`
		`position:absolute;`
		`@@ -15,7 +16,7 @@`
		`}`

		`#social_card{`
		`- margin-top: 80px !important;`
		`+ margin-top: 60px !important;`

		`}`

		`@@ -27,3 +28,30 @@`
		`.s-icon{`
		`float: left !important;`
		`}`
		`+`
		`+ .cta{`
		`+ font-size: 1.2rem !important;`
		`+ font-weight: 700 !important;`
		`+ color: #294171 !important;`
		`+ }`
		`+`
		`+ .date{`
		`+ font-size: 1.2rem !important;`
		`+ color: #999 !important;`
		`+ font-weight: 700 !important;`
		`+ padding: 0px !important;`
		`+ }`
		`+`
		`+ .col{`
		`+ padding: 9px !important;`
		`+ }`
		`+`
		`+ ion-card {`
		`+ background-color: #f4f4f4 !important;`
		`+ }`
		`+`
		`+ .datetime-md {`
		`+ padding: 8px !important;`
		`+ }`
		`+`
		`+`