javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(item-option): expand without shifting icon (#29661)

Browse Source
This commit is contained in:
Maria Hutt
2024-06-26 16:25:37 -07:00
committed by GitHub
parent 2e1ccf8a42
commit 6d6c637ac4
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/item-option/item-option.ionic.scss
View File

@@ -7,9 +7,6 @@
:host {
@include globals.padding(0);
min-width: globals.$ionic-scale-1600;
height: globals.$ionic-scale-1600;
font-size: globals.$ionic-font-size-350;
font-weight: globals.$ionic-font-weight-medium;
@@ -18,6 +15,9 @@
.button-native {
@include globals.padding(globals.$ionic-space-200);
min-width: globals.$ionic-scale-1600;
height: globals.$ionic-scale-1600;
}
::slotted([slot="top"]) {

10
core/src/components/item-sliding/test/icons/index.html
View File

@@ -32,7 +32,7 @@
<ion-item-option color="danger">
<ion-icon slot="icon-only" name="trash"></ion-icon>
</ion-item-option>
<ion-item-option>
<ion-item-option expandable>
<ion-icon slot="icon-only" name="bookmark"></ion-icon>
</ion-item-option>
</ion-item-options>
@@ -47,7 +47,7 @@
<ion-icon slot="start" name="archive"></ion-icon>
Archive
</ion-item-option>
<ion-item-option color="secondary">
<ion-item-option color="secondary" expandable>
<ion-icon slot="start" name="bookmark"></ion-icon>
Save
</ion-item-option>
@@ -63,7 +63,7 @@
<ion-icon slot="end" name="archive"></ion-icon>
Archive
</ion-item-option>
<ion-item-option color="secondary">
<ion-item-option color="secondary" expandable>
<ion-icon slot="end" name="bookmark"></ion-icon>
Save
</ion-item-option>
@@ -83,7 +83,7 @@
<ion-icon slot="top" name="archive"></ion-icon>
Archive
</ion-item-option>
<ion-item-option color="secondary">
<ion-item-option color="secondary" expandable>
<ion-icon slot="top" name="bookmark"></ion-icon>
Save
</ion-item-option>
@@ -103,7 +103,7 @@
<ion-icon slot="bottom" name="archive"></ion-icon>
Archive
</ion-item-option>
<ion-item-option color="secondary">
<ion-item-option color="secondary" expandable>
<ion-icon slot="bottom" name="bookmark"></ion-icon>
Save
</ion-item-option>