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

fix(tab): edge prop

Browse Source 
fixes #15003
This commit is contained in:
Manu Mtz.-Almeida
2018-08-07 22:30:10 +02:00
parent 948d0839c9
commit 2a4327f850
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
core/src/components/fab/fab.scss
View File

@ -34,20 +34,22 @@
:host(.fab-vertical-top) { :host(.fab-vertical-top) {
top: $fab-content-margin; top: $fab-content-margin;
&.fab-edge {
top: -$fab-size / 2;
}
} }
:host(.fab-vertical-top.fab-edge) {
top: -$fab-size / 2;
}
:host(.fab-vertical-bottom) { :host(.fab-vertical-bottom) {
bottom: $fab-content-margin; bottom: $fab-content-margin;
&.fab-edge {
bottom: -$fab-size / 2;
}
} }
:host(.fab-vertical-bottom.fab-edge) {
bottom: -$fab-size / 2;
}
:host(.fab-vertical-center) { :host(.fab-vertical-center) {
@include margin(-$fab-size / 2, null, null, null); @include margin(-$fab-size / 2, null, null, null);

2
core/src/components/fab/fab.tsx
View File

@ -66,7 +66,7 @@ export class Fab {
class: { class: {
[`fab-horizontal-${this.horizontal}`]: !!this.horizontal, [`fab-horizontal-${this.horizontal}`]: !!this.horizontal,
[`fab-vertical-${this.vertical}`]: !!this.vertical, [`fab-vertical-${this.vertical}`]: !!this.vertical,
['fab-edge']: this.edge 'fab-edge': this.edge
} }
}; };
} }