From 6676e9b2f738e37a023eb73505672a840c878b44 Mon Sep 17 00:00:00 2001 From: Milena Zuccarelli Date: Tue, 12 Mar 2019 16:07:18 +0000 Subject: [PATCH] fix: edited general styling (#105) ### Description Image for guidance as to how change should display is attached after each list item Home page - Logo dimensions can be smaller - Links could appear in same order as menu items - Call to action on home page could be useful ![localhost_8100_ (1)](https://user-images.githubusercontent.com/24867345/54199465-e9e4b400-44c0-11e9-8bd0-f34a0ac37a6e.png) Manage Tasks page - Task item last-child could do without the border-bottom - Make border-bottom of each task item symmetrical ![tasks](https://user-images.githubusercontent.com/24867345/54199415-c3267d80-44c0-11e9-837f-7aba08e6badc.jpg) - "Number of items added when offline" and "Network status" badges could display inline with labels ![badges](https://user-images.githubusercontent.com/24867345/54199510-01bc3800-44c1-11e9-9621-e31c0896e12b.jpg) Files - Remove extra padding on this page - Make border-bottom of uploaded file items symmetrical ![files](https://user-images.githubusercontent.com/24867345/54201353-5661b200-44c5-11e9-8d19-50e97e994b5c.jpg) Settings page - Change heading title to make more consistent with other pages ![settings_header](https://user-images.githubusercontent.com/24867345/54199601-3a5c1180-44c1-11e9-912e-5497f25365a1.jpg) About page - More information could also appear on a card ![more_information](https://user-images.githubusercontent.com/24867345/54199963-07664d80-44c2-11e9-96dd-9b9fc70a4758.jpg) Global - Border on menu items not full width ![menu_item](https://user-images.githubusercontent.com/24867345/54199208-42678180-44c0-11e9-829e-fde56c2c49c8.jpg) --- src/app/pages/about/docs.page.html | 12 +++-- src/app/pages/files/files.page.html | 5 +- src/app/pages/home/home.page.html | 62 ++++++++++++++-------- src/app/pages/home/home.page.scss | 27 ++++++++-- src/app/pages/settings/settings.page.html | 2 +- src/app/pages/task/task.page.scss | 24 +++++++++ src/assets/icon/aerogear_icon.svg | 53 ++++++++++++++++++ src/assets/icon/favicon.png | Bin 930 -> 0 bytes src/global.scss | 11 ++++ src/index.html | 2 +- 10 files changed, 166 insertions(+), 32 deletions(-) create mode 100644 src/assets/icon/aerogear_icon.svg delete mode 100644 src/assets/icon/favicon.png diff --git a/src/app/pages/about/docs.page.html b/src/app/pages/about/docs.page.html index 84d01b4e..c866aa6e 100644 --- a/src/app/pages/about/docs.page.html +++ b/src/app/pages/about/docs.page.html @@ -115,12 +115,18 @@ Monitor interactions with the Identity Management service - -

- For further information, visit + + + More information + + +

+ For further information, visit:
www.aerogear.org

+ + \ No newline at end of file diff --git a/src/app/pages/files/files.page.html b/src/app/pages/files/files.page.html index 904bdc7a..e030c50e 100644 --- a/src/app/pages/files/files.page.html +++ b/src/app/pages/files/files.page.html @@ -9,7 +9,7 @@ - + Upload Document @@ -29,7 +29,8 @@
- +

{{ item.filename }}

diff --git a/src/app/pages/home/home.page.html b/src/app/pages/home/home.page.html index 94287f44..31a17e6a 100644 --- a/src/app/pages/home/home.page.html +++ b/src/app/pages/home/home.page.html @@ -8,50 +8,68 @@ - - - + +
+ +
+ + + This app demonstrates how to use the AeroGear Mobile services, backed by + OpenShift to perform a wide range of common mobile tasks such as Data + Synchronisation, Identity Management, Device Security, Metrics Capture, + Push Notifications and more. + + - - - - About -

Information about this application

- - - + Manage Tasks -

An example task manager to demonstrate how to perform data synchronisation with AeroGear Data Sync powered by - Voyager GraphQL

+

+ An example task manager to demonstrate how to perform data + synchronisation with AeroGear Data Sync powered by Voyager GraphQL +

- + User profile -

An example to demonstrate how to perform user profile management with AeroGear Identity Management Service - powered by Keycloak

+

+ An example to demonstrate how to perform user profile management with + AeroGear Identity Management Service powered by Keycloak +

- + Files -

An example to demonstrate how to synchronise binary data with AeroGear Data Sync powered by Voyager GraphQL +

+ An example to demonstrate how to synchronise binary data with AeroGear + Data Sync powered by Voyager GraphQL

- + Device Security -

An example to demonstrate security checks capabilities powered by Device Security SDK

+

+ An example to demonstrate security checks capabilities powered by + Device Security SDK +

- + Settings

Application Settings

 + + + + About +

Information about this application

+ + - \ No newline at end of file + diff --git a/src/app/pages/home/home.page.scss b/src/app/pages/home/home.page.scss index ef6aa96f..70f0256b 100644 --- a/src/app/pages/home/home.page.scss +++ b/src/app/pages/home/home.page.scss @@ -1,16 +1,37 @@ -.welcome-card ion-img { - max-height: 35vh; +.welcome-header { + // background-color: var(--ion-color-light); + padding: 16px; + width: 100%; + text-align: center; +} + +.welcome-header img { + max-width: 200px; + padding: 25px 5px 20px 0; +} + +.welcome-header ion-img { + // max-height: 5vh; overflow: hidden; } +.welcome-header ion-img img { + width: 100%; +} + .logo { - margin: 2vw; + margin: 1vw; + max-width: 40% } .menu-container { margin: 0vw; } +.item-inner{ + border-style: unset !important; +} + .header-text { font-size: 2em; } diff --git a/src/app/pages/settings/settings.page.html b/src/app/pages/settings/settings.page.html index 185e256f..f2afa8c4 100644 --- a/src/app/pages/settings/settings.page.html +++ b/src/app/pages/settings/settings.page.html @@ -11,7 +11,7 @@ - Push Notification +

Push Notification

Enabled diff --git a/src/app/pages/task/task.page.scss b/src/app/pages/task/task.page.scss index e69de29b..ddae1090 100644 --- a/src/app/pages/task/task.page.scss +++ b/src/app/pages/task/task.page.scss @@ -0,0 +1,24 @@ +.task-item { + padding-bottom: 0; +} + +.item .sc-ion-label-md-h { + overflow: visible; + white-space: pre-wrap; +} + +ion-note { + padding: 10px; + line-height: 21px; + white-space: pre-wrap; +} + +ion-badge { + vertical-align: middle; + white-space: pre-line; + text-align: left; +} + +ion-footer div { + margin: 10px; +} \ No newline at end of file diff --git a/src/assets/icon/aerogear_icon.svg b/src/assets/icon/aerogear_icon.svg new file mode 100644 index 00000000..4e34e73e --- /dev/null +++ b/src/assets/icon/aerogear_icon.svg @@ -0,0 +1,53 @@ + + + +]> + + + + + + + + + + + + + diff --git a/src/assets/icon/favicon.png b/src/assets/icon/favicon.png deleted file mode 100644 index 51888a7bbdb59f04c29c548523eb2638c1c954f5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 930 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!x&nMcT-^(N+`Ik{1{5}NM-k9f zx+Ot=!3-}y{#<)Uok@}X^0T)Mjw~(h@l#Ir^NC7r=_#0-8E$a3RKVL~nc3p~*UxA# z4bjg_XJBBO<>}%W5^;EK_{&+V40u?Vtzk_Oy;*YMVqw~ozwz&rPG6d~>D#mR`SK=; zww9K@s-5|}%Dy=+ak|}>#qwwKGH>ZO4~|`P_r2LJy1RYqyXB`=?Mw?@F8Z!h{rcpz z^y94Mdt1KFIr?nR|NE2g?N}2vO^d(4;=OB>WP0Plul!REN;cgwUAJuA?C`^98NGCJ zuf=eS_OHmETd)0azdLJ6Z^FIm6*YNHw|4%lGf`stp1;dK$1sNYdj7ec{*dYEN(RM7|LFZWoy#R9733Kz`kee` zcsH&1+JCz2|7qRT%bgpNUdZ3E%i6T)I?vY6{p)ga_qlB<;GAPn(!{OF;x_wm_K%n( zW67=BbK}Hx+Mo2yW_)0K?|;#s9f!Uw=S;9NQ)S^>UOs1+lefL)nQKa6oJzg9f7^uT zr^QQJHL|;hJ!n29P`>r{pI$??E8ll+Vp%D3sqgGAQ?16Ir>}307i!n%dGB~BKleRm zV`}#;lUe7&`Rm%PqCLs%HOEe${KnWk%jlG>GM}cUf9>%Jt~^m(q1U%2$4$<)xHgTq zd0EM;Wjbazr!IcCcJ{`1i$kvS+;+RTmT^vJdf^@OKlARE7bo`3-BEDmtJB75>uhqr zB>Z2>{qec~lUw13i#jzoi~HY - +