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

fix(title): can be used nested

Browse Source 
fixes #14905
This commit is contained in:
Manu Mtz.-Almeida
2018-07-29 02:28:12 +02:00
parent b69098a77d
commit d1969bdf1d
5 changed files with 34 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
core/src/components/title/title.ios.scss Normal file
View File

@ -0,0 +1,22 @@
@import "./title";
:host {
@include position(0, null, null, 0);
@include padding(0, 90px, 0);
position: absolute;
width: 100%;
height: 100%;
transform: translateZ(0);
font-size: $toolbar-ios-title-font-size;
font-weight: $toolbar-ios-title-font-weight;
letter-spacing: -.03em;
text-align: $toolbar-ios-title-text-align;
box-sizing: border-box;
pointer-events: none;
}

8
core/src/components/title/title.md.scss Normal file
View File

@ -0,0 +1,8 @@
@import "./title";
:host {
@include padding(0, 12px);
font-size: $toolbar-md-title-font-size;
font-weight: 500;
}

5
core/src/components/title/title.tsx
View File

@ -4,7 +4,10 @@ import { createColorClasses } from '../../utils/theme';
@Component({
tag: 'ion-title',
styleUrl: 'title.scss',
styleUrls: {
ios: 'title.ios.scss',
md: 'title.md.scss'
},
shadow: true
})
export class ToolbarTitle {

21
core/src/components/toolbar/toolbar.ios.scss
View File

@ -26,24 +26,3 @@
min-width: 0;
}
::slotted(ion-title) {
@include position(0, null, null, 0);
@include padding(0, 90px, 0);
position: absolute;
width: 100%;
height: 100%;
transform: translateZ(0);
font-size: $toolbar-ios-title-font-size;
font-weight: $toolbar-ios-title-font-weight;
letter-spacing: -.03em;
text-align: $toolbar-ios-title-text-align;
box-sizing: border-box;
pointer-events: none;
}

7
core/src/components/toolbar/toolbar.md.scss
View File

@ -27,10 +27,3 @@
min-width: 0;
max-width: 100%;
}
::slotted(ion-title) {
@include padding(0, 12px);
font-size: $toolbar-md-title-font-size;
font-weight: 500;
}