Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(styles): update ios and md styles closer to native
- Loading branch information
1 parent
c8aad56
commit 9f7972b
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -18,9 +18,9 @@ | |
|
|
||
| .item > ion-icon, | ||
| .item-inner > ion-icon { | ||
| min-height: 2.8rem; | ||
|
|
||
| font-size: 2.8rem; | ||
| line-height: 1; | ||
| } | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| import { Component, NgModule } from '@angular/core'; | ||
| import { IonicApp, IonicModule } from '../../../..'; | ||
|
|
||
|
|
||
| @Component({ | ||
| templateUrl: 'main.html' | ||
| }) | ||
| export class E2EPage { | ||
| testClick(ev: UIEvent) { | ||
| console.log(ev); | ||
| } | ||
| } | ||
|
|
||
|
|
||
| @Component({ | ||
| template: '<ion-nav [root]="root"></ion-nav>' | ||
| }) | ||
| export class E2EApp { | ||
| root = E2EPage; | ||
| } | ||
|
|
||
| @NgModule({ | ||
| declarations: [ | ||
| E2EApp, | ||
| E2EPage | ||
| ], | ||
| imports: [ | ||
| IonicModule.forRoot(E2EApp) | ||
| ], | ||
| bootstrap: [IonicApp], | ||
| entryComponents: [ | ||
| E2EApp, | ||
| E2EPage | ||
| ] | ||
| }) | ||
| export class AppModule {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,86 @@ | ||
| <ion-header> | ||
|
|
||
| <ion-toolbar> | ||
| <ion-title>Inbox</ion-title> | ||
| </ion-toolbar> | ||
|
|
||
| </ion-header> | ||
|
|
||
|
|
||
| <ion-content class="outer-content"> | ||
|
|
||
| <ion-list no-lines> | ||
| <ion-list-header> | ||
| Recent chat | ||
| </ion-list-header> | ||
|
|
||
| <ion-item> | ||
| <ion-avatar item-left> | ||
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw=="> | ||
| </ion-avatar> | ||
| <ion-label>Abbey Christensen</ion-label> | ||
| <ion-icon name="chatbubbles" item-right color="primary"></ion-icon> | ||
| </ion-item> | ||
|
|
||
| <ion-item> | ||
| <ion-avatar item-left> | ||
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw=="> | ||
| </ion-avatar> | ||
| <ion-label>Alex Nelson</ion-label> | ||
| <ion-icon name="chatbubbles" item-right color="primary"></ion-icon> | ||
| </ion-item> | ||
|
|
||
| <ion-item> | ||
| <ion-avatar item-left> | ||
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw=="> | ||
| </ion-avatar> | ||
| <ion-label>Mary Johnson</ion-label> | ||
| <ion-icon name="chatbubbles" item-right color="light"></ion-icon> | ||
| </ion-item> | ||
|
|
||
| <ion-item> | ||
| <ion-avatar item-left> | ||
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw=="> | ||
| </ion-avatar> | ||
| <ion-label>Peter Carlsson</ion-label> | ||
| <ion-icon name="chatbubbles" item-right color="light"></ion-icon> | ||
| </ion-item> | ||
|
|
||
| <ion-item> | ||
| <ion-avatar item-left> | ||
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw=="> | ||
| </ion-avatar> | ||
| <ion-label>Trevor Hansen</ion-label> | ||
| <ion-icon name="chatbubbles" item-right color="light"></ion-icon> | ||
| </ion-item> | ||
| </ion-list> | ||
|
|
||
| <ion-list no-lines> | ||
| <ion-list-header> | ||
| Previous chats | ||
| </ion-list-header> | ||
|
|
||
| <ion-item> | ||
| <ion-avatar item-left> | ||
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw=="> | ||
| </ion-avatar> | ||
| <ion-label>Britta Holt</ion-label> | ||
| <ion-icon name="chatbubbles" item-right color="light"></ion-icon> | ||
| </ion-item> | ||
|
|
||
| <ion-item> | ||
| <ion-avatar item-left> | ||
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw=="> | ||
| </ion-avatar> | ||
| <ion-label>Sandra Adams</ion-label> | ||
| <ion-icon name="chatbubbles" item-right color="light"></ion-icon> | ||
| </ion-item> | ||
| </ion-list> | ||
|
|
||
| </ion-content> | ||
|
|
||
| <style> | ||
| img { | ||
| height: 100px; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Was this intentional? I am not that familiar with Android, but I feel it looks strange with that much space and no border. No problem to fix this for my use case, just wanted to point it out in case it was not intentional.