Skip to content

Commit 267a77b

Browse files
authored
fix(fab): center fab list for larger buttons
1 parent 03f2492 commit 267a77b

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

src/components/fab/fab.scss

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,7 @@ ion-fab-list {
128128
}
129129

130130
ion-fab-list .fab-in-list {
131-
margin: 8px;
131+
margin: 8px 0;
132132

133133
width: $fab-mini-size;
134134
height: $fab-mini-size;
@@ -147,6 +147,11 @@ ion-fab-list .fab-in-list.show {
147147
transform: scale(1);
148148
}
149149

150+
ion-fab-list[side=left] .fab-in-list,
151+
ion-fab-list[side=right] .fab-in-list {
152+
margin: 0 8px;
153+
}
154+
150155
ion-fab-list[side=top] {
151156
top: initial;
152157
bottom: 0;

0 commit comments

Comments
 (0)