mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
a30379bef6
* refactor(item): replaced item-left with item-start replaced item-right with item-end * style(item): fix spacing * fix(item): add backwards support for left/right in ng-content * fix(item): deprecated old variables, not breaking change * feat(rtl): padding mixin * feat(rtl): change all padding variables to start/end add support for old variable names * feat(rtl): replace all padding-side with start/end * revert(functions): remove mixins * feat(scss): add padding-horizontal and rtl functions (thanks brandy) * feat(padding): use padding horizontal mixin everywhere * feat(padding): use padding horizontal mixin everywhere * fix(lint): change properties order. tests passing * fix(sass-functions): reorder functions to avoid warning * fix(scss): fix variable name * perf(rtl): add check if need rtl selector * feat(scss): add full padding function * feat(scss): add border-radius mixin * fix(rtl): change border-radius to use mixin * perf(scss): only override if has something to override * feat(scss): add margin scss variables for sides * feat(scss): add margin mixin * fix(scss): fix wrong support for 2/3 args * feat(rtl): spread margins/paddings * feat(rtl): spread margins/paddings * feat(position): add rtl support for absolute * fix(rtl): add missing calls * fix(item): old attributes deprecated support * revert(changelog): not intended to be changed * fix(sass-functions): and not && * fix(padding): merge + missing padding * style(): remove newline * refactor(mixins): move mixins to mixins file * style(): fix alignment * fix(item): right padding should not be set * fix(): incorrect defaults * feat(scss-lint): disable some side variables * fix(scss): lint passes * feat(lint): disabled text-align * fix(): correct variable name * fix(fab): missed a comma * fix(rtl): rtl method incorrect for multiple selectors * fix(rtl): toolbar bad merge * fix(rtl): icon-only is in px not em * fix(rtl): toggle padding * feat(rtl): correct notation for rtl custom * Merge branch 'breaking-item' into start-end # Conflicts: # src/components/checkbox/checkbox.ios.scss # src/components/checkbox/checkbox.md.scss # src/components/checkbox/checkbox.wp.scss # src/components/item/item.ios.scss # src/components/item/item.md.scss # src/components/item/item.wp.scss # src/components/radio/radio.ios.scss # src/components/radio/radio.md.scss # src/components/radio/radio.wp.scss # src/components/toggle/toggle.ios.scss # src/components/toggle/toggle.md.scss # src/components/toggle/toggle.wp.scss * fix(scss): fix for deprecated usages
105 lines
1.5 KiB
SCSS
105 lines
1.5 KiB
SCSS
@import "../../themes/ionic.globals";
|
|
|
|
// Toolbar
|
|
// --------------------------------------------------
|
|
|
|
ion-toolbar {
|
|
position: relative;
|
|
z-index: $z-index-toolbar;
|
|
}
|
|
|
|
.toolbar {
|
|
display: flex;
|
|
overflow: hidden;
|
|
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
width: 100%;
|
|
|
|
contain: content;
|
|
}
|
|
|
|
.toolbar-background {
|
|
@include position(0, null, null, 0);
|
|
|
|
position: absolute;
|
|
z-index: $z-index-toolbar-background;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
border: 0;
|
|
transform: translateZ(0);
|
|
|
|
pointer-events: none;
|
|
|
|
contain: strict;
|
|
}
|
|
|
|
ion-title {
|
|
display: flex;
|
|
|
|
flex: 1;
|
|
align-items: center;
|
|
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
.toolbar-title {
|
|
display: block;
|
|
overflow: hidden;
|
|
|
|
width: 100%;
|
|
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
ion-buttons {
|
|
@include margin(0, .2rem);
|
|
|
|
display: block;
|
|
|
|
transform: translateZ(0);
|
|
|
|
pointer-events: none;
|
|
}
|
|
|
|
ion-buttons button,
|
|
ion-buttons a,
|
|
ion-buttons input,
|
|
ion-buttons textarea,
|
|
ion-buttons div {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
|
|
// Transparent Toolbar
|
|
// --------------------------------------------------
|
|
|
|
.toolbar[transparent] .toolbar-background {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
// TODO this is a temp hack to fix segment overlapping ion-nav-item
|
|
ion-buttons,
|
|
.bar-button-menutoggle {
|
|
z-index: 99;
|
|
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
|
|
// Navbar
|
|
// --------------------------------------------------
|
|
|
|
ion-navbar.toolbar {
|
|
display: flex;
|
|
|
|
transform: translateZ(0);
|
|
}
|