fix(deflash): apply deflash style to individual views

This commit is contained in:
Jason Dreyzehner 2016-11-17 17:50:15 -05:00
parent be4e5ee131
commit 348eecfec8
9 changed files with 10 additions and 2 deletions

View File

@ -41,7 +41,7 @@ $placeholder-icon-padding: 10px;
// A somewhat dirty solution to the nav-bar "flashing" during page transitions. // A somewhat dirty solution to the nav-bar "flashing" during page transitions.
// Since the old nav-bar is hidden before the new one is shown, this pseudo // Since the old nav-bar is hidden before the new one is shown, this pseudo
// element fills the space with the proper background color. // element fills the space with the proper background color.
ion-view.pane:before { ion-view.deflash-blue:before {
content: " "; content: " ";
display: block; display: block;
position: absolute; position: absolute;
@ -51,6 +51,6 @@ ion-view.pane:before {
height: $bar-height; height: $bar-height;
background-color: $royal; background-color: $royal;
} }
.platform-ios ion-view.pane:before { .platform-ios.platform-cordova:not(.fullscreen) ion-view.deflash-blue:before {
height: $bar-height + $ios-statusbar-height; height: $bar-height + $ios-statusbar-height;
} }

View File

@ -20,6 +20,7 @@
} }
} }
#view-address-book { #view-address-book {
@extend .deflash-blue;
.scroll { .scroll {
height:100%; height:100%;
} }

View File

@ -1,4 +1,5 @@
#view-amount { #view-amount {
@extend .deflash-blue;
.recipient-label { .recipient-label {
font-size: 14px; font-size: 14px;
padding-bottom: 0; padding-bottom: 0;

View File

@ -1,4 +1,5 @@
#view-confirm { #view-confirm {
@extend .deflash-blue;
.tx-details-content > .scroll { .tx-details-content > .scroll {
padding-bottom: .25rem; padding-bottom: .25rem;
} }

View File

@ -1,4 +1,5 @@
#send-feedback { #send-feedback {
@extend .deflash-blue;
background-color: #ffffff; background-color: #ffffff;
.row { .row {
border: none; border: none;

View File

@ -1,4 +1,5 @@
#tab-home { #tab-home {
@extend .deflash-blue;
.icon-create-wallet { .icon-create-wallet {
background-color: #4A90E2; // default wallet color background-color: #4A90E2; // default wallet color
} }

View File

@ -1,4 +1,5 @@
#tab-receive { #tab-receive {
@extend .deflash-blue;
ion-header-bar { ion-header-bar {
button { button {
i { i {

View File

@ -1,4 +1,5 @@
#tab-send { #tab-send {
@extend .deflash-blue;
.qr-scan-icon a { .qr-scan-icon a {
z-index: 10; z-index: 10;
display: block; display: block;

View File

@ -1,4 +1,5 @@
.settings { .settings {
@extend .deflash-blue;
.item { .item {
color: $dark-gray; color: $dark-gray;
border-color: rgba(221, 221, 221, 0.3); border-color: rgba(221, 221, 221, 0.3);