javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(back-button): apply the proper color to the back button

Browse Source 
fixes #14177
This commit is contained in:
Brandy Carney
2018-03-16 13:00:00 -04:00
parent a7373232da
commit 7d2de18a7c
4 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
core/src/components/back-button/back-button.ios.scss
View File

@ -16,7 +16,10 @@
border: 0; border: 0;
font-size: 17px; font-size: 17px;
line-height: 1; line-height: 1;
color: $back-button-ios-color;
background-color: transparent; background-color: transparent;
transform: translateZ(0); transform: translateZ(0);
&.activated { &.activated {

5
core/src/components/back-button/back-button.ios.vars.scss
View File

@ -1,5 +1,10 @@
@import "../../themes/ionic.globals.ios"; @import "../../themes/ionic.globals.ios";
// iOS Back Button
// --------------------------------------------------
/// @prop - Z index of the back button
$back-button-ios-button-z-index: $z-index-toolbar-buttons !default; $back-button-ios-button-z-index: $z-index-toolbar-buttons !default;
/// @prop - Text color of the back button
$back-button-ios-color: $toolbar-ios-text-color !default;

6
core/src/components/back-button/back-button.md.scss
View File

@ -1,7 +1,9 @@
@import "./back-button"; @import "./back-button";
@import "./back-button.md.vars";
// MD Back Button // MD Back Button
// -------------------------------------------------- // --------------------------------------------------
.back-button-md .back-button-inner { .back-button-md .back-button-inner {
@include margin(2px, 6px, 0, 0); @include margin(2px, 6px, 0, 0);
@include padding(0, 5px); @include padding(0, 5px);
@ -12,7 +14,10 @@
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
color: $back-button-md-color;
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
&.activated { &.activated {
@ -25,6 +30,7 @@
@include margin(0); @include margin(0);
@include padding(0, 6px); @include padding(0, 6px);
@include text-align(start); @include text-align(start);
font-size: 24px; font-size: 24px;
font-weight: normal; font-weight: normal;
line-height: 0.67; line-height: 0.67;

7
core/src/components/back-button/back-button.md.vars.scss Normal file
View File

@ -0,0 +1,7 @@
@import "../../themes/ionic.globals.md";
// Material Design Back Button
// --------------------------------------------------
/// @prop - Text color of the back button
$back-button-md-color: $toolbar-md-text-color !default;