mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
fix toolbar height
This commit is contained in:
@ -17,6 +17,7 @@ $toolbar-ios-title-font-size: 1.7rem !default;
|
||||
|
||||
.toolbar[mode="ios"] {
|
||||
border-bottom: 1px solid $toolbar-ios-border-color;
|
||||
min-height: $toolbar-ios-height;
|
||||
|
||||
.toolbar-title {
|
||||
order: map-get($toolbar-order-ios, title);
|
||||
|
@ -2,18 +2,20 @@
|
||||
// Material Design Toolbar
|
||||
// --------------------------------------------------
|
||||
|
||||
$toolbar-material-title-font-size: 2rem !default;
|
||||
$toolbar-material-button-font-size: 1.4rem !default;
|
||||
$toolbar-md-height: 5.6rem !default;
|
||||
$toolbar-md-title-font-size: 2rem !default;
|
||||
$toolbar-md-button-font-size: 1.4rem !default;
|
||||
|
||||
|
||||
.toolbar[mode="md"] {
|
||||
min-height: $toolbar-md-height;
|
||||
|
||||
.toolbar-inner-title {
|
||||
padding: 0px 12px;
|
||||
}
|
||||
|
||||
ion-title {
|
||||
font-size: $toolbar-material-title-font-size;
|
||||
font-size: $toolbar-md-title-font-size;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@ -23,7 +25,7 @@ $toolbar-material-button-font-size: 1.4rem !default;
|
||||
|
||||
button,
|
||||
[button] {
|
||||
font-size: $toolbar-material-button-font-size;
|
||||
font-size: $toolbar-md-button-font-size;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -19,8 +19,6 @@ $toolbar-title-text-color: #000 !default;
|
||||
z-index: $z-index-toolbar;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 4.4rem;
|
||||
padding: 4px;
|
||||
|
||||
display: flex;
|
||||
|
Reference in New Issue
Block a user