From 083829c2e94af9565d5a7b2aa22122f836d151aa Mon Sep 17 00:00:00 2001 From: kj1352 Date: Thu, 8 Apr 2021 13:00:55 +0530 Subject: [PATCH] Made UI white BG --- .../player-details.component.html | 8 ++--- .../player-details.component.ts | 2 +- src/app/home-details/home-details.page.html | 2 +- src/app/home-details/home-details.page.scss | 7 ++-- src/app/home/home.page.scss | 36 ++++++------------- src/app/league-table/league-table.page.scss | 13 +++---- src/app/live/live.page.html | 3 +- src/app/live/live.page.scss | 4 --- src/app/live/live.page.ts | 4 +-- src/app/match-details/match-details.page.html | 2 -- src/app/match-details/match-details.page.scss | 24 +++++++------ src/global.scss | 6 ++-- 12 files changed, 47 insertions(+), 64 deletions(-) diff --git a/src/app/components/player-details/player-details.component.html b/src/app/components/player-details/player-details.component.html index bd3f5cd..e570d62 100644 --- a/src/app/components/player-details/player-details.component.html +++ b/src/app/components/player-details/player-details.component.html @@ -8,9 +8,9 @@ - +
-

{{ stat.comp_type }}

+

{{ stat.parent_series_name }}

    @@ -75,7 +75,7 @@
- + \ No newline at end of file diff --git a/src/app/components/player-details/player-details.component.ts b/src/app/components/player-details/player-details.component.ts index 6375791..310a257 100644 --- a/src/app/components/player-details/player-details.component.ts +++ b/src/app/components/player-details/player-details.component.ts @@ -11,7 +11,7 @@ interface HighestScoreDetails { }; match_id: string; match_date: string; - vs: IdentifiableData; + vs: any; } interface BattingRecord { diff --git a/src/app/home-details/home-details.page.html b/src/app/home-details/home-details.page.html index d473de2..b7ca7fe 100644 --- a/src/app/home-details/home-details.page.html +++ b/src/app/home-details/home-details.page.html @@ -35,7 +35,7 @@ - + diff --git a/src/app/home-details/home-details.page.scss b/src/app/home-details/home-details.page.scss index ab7e5f5..a669933 100644 --- a/src/app/home-details/home-details.page.scss +++ b/src/app/home-details/home-details.page.scss @@ -183,6 +183,9 @@ .share-button { --background: transparent; border-radius: 50%; - background: linear-gradient(to left, darken($brand-red, 20%), $brand-gold); - transform: translate(-10px, -10px); + background-color: rgba($green, 0.1); + --color: none; + color: $green; + border: 1px solid $green; + transform: translate(10px, -10px); } \ No newline at end of file diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss index f95719a..8654153 100644 --- a/src/app/home/home.page.scss +++ b/src/app/home/home.page.scss @@ -9,7 +9,7 @@ button { background-color: transparent; - color: lighten($brand-blue, 20%); + color: $brand-blue; font-size: 1.1rem; font-weight: 400; margin-right: 5%; @@ -19,7 +19,7 @@ &.active { font-weight: 500; opacity: 1; - color: lighten($brand-blue, 20%); + color: $brand-blue; &::before { content: ''; @@ -29,7 +29,7 @@ position: absolute; bottom: -18px; left: calc(50% - 4px); - background-color: lighten($brand-blue, 20%); + background-color: $brand-blue; } } } @@ -120,7 +120,7 @@ ion-slides { transform: translateY(0px); box-shadow: 0px 0px 0px var(--light-grey); transition: border-radius 0.3s, transform 0.3s, width 0.3s, margin 0.3s, box-shadow 0.3s; - border-bottom: 1px solid rgba(var(--light-grey-rgb), 0.3); + border-bottom: 1px solid rgba(var(--light-grey-rgb), 0.1); z-index: 2; } @@ -160,7 +160,6 @@ ion-slides { height: 50px; padding: 0 3%; position: relative; - box-shadow: 0px 0px 0px var(--light-grey); transition: border-radius 0.3s, transform 0.3s, width 0.3s, margin 0.3s, box-shadow 0.3s; z-index: 1; margin: 0 auto; @@ -171,33 +170,18 @@ ion-slides { height: 100%; button { - background-color: #f3f3f3; + background-color: rgba($green, 0.1); margin-right: 5px; width: 30px; height: 30px; border-radius: 50%; - - &.wide-button { - width: auto; - border-radius: 5px; - padding: 0 10px; - } - - - &.active { - ion-icon, span { - color: var(--brand-red); - } - } - - span { - vertical-align: middle; - color: var(--light-grey); - } + border: 1px solid $green; + display: inline-flex; + align-items: center; + justify-content: center; ion-icon { - vertical-align: middle; - color: var(--brand-black); + color: $green; font-size: 1.2rem; } } diff --git a/src/app/league-table/league-table.page.scss b/src/app/league-table/league-table.page.scss index b6879ff..05cfa52 100644 --- a/src/app/league-table/league-table.page.scss +++ b/src/app/league-table/league-table.page.scss @@ -16,11 +16,11 @@ top: 0; z-index: 1; width: 100px; - background-color: darken($brand-blue, 25%); - box-shadow: 0px 0px 10px 0px darken($brand-blue, 30%); + background-color: lighten($brand-blue, 40%); thead { background-color: rgba($green, 0.8); + color: white; } } @@ -36,14 +36,15 @@ } table { - color: white; - background-color: darken($brand-blue, 15%); + color: $brand-blue; + background-color: lighten($brand-blue, 50%); table-layout:fixed; height: 100%; thead { - background-color: rgba($green, 0.3); - font-size: 14px; + background-color: rgba($green, 0.2); + font-size: 14px; + color: $green; th { padding: 15px 0; diff --git a/src/app/live/live.page.html b/src/app/live/live.page.html index b17251f..46ae204 100644 --- a/src/app/live/live.page.html +++ b/src/app/live/live.page.html @@ -12,7 +12,6 @@

-
{{ currentMatch.Matchdetail.Series.Name }}

{{ currentMatch.Teams[currentMatch.Matchdetail.Team_Home].Name_Full }} v/s {{ currentMatch.Teams[currentMatch.Matchdetail.Team_Away].Name_Full }}

@@ -32,7 +31,7 @@
    -
  • +