javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +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 { :host {
@include globals.padding(0); @include globals.padding(0);
min-width: globals.$ionic-scale-1600;
height: globals.$ionic-scale-1600;
font-size: globals.$ionic-font-size-350; font-size: globals.$ionic-font-size-350;
font-weight: globals.$ionic-font-weight-medium; font-weight: globals.$ionic-font-weight-medium;
@ -18,6 +15,9 @@
.button-native { .button-native {
@include globals.padding(globals.$ionic-space-200); @include globals.padding(globals.$ionic-space-200);
min-width: globals.$ionic-scale-1600;
height: globals.$ionic-scale-1600;
} }
::slotted([slot="top"]) { ::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-item-option color="danger">
<ion-icon slot="icon-only" name="trash"></ion-icon> <ion-icon slot="icon-only" name="trash"></ion-icon>
</ion-item-option> </ion-item-option>
<ion-item-option> <ion-item-option expandable>
<ion-icon slot="icon-only" name="bookmark"></ion-icon> <ion-icon slot="icon-only" name="bookmark"></ion-icon>
</ion-item-option> </ion-item-option>
</ion-item-options> </ion-item-options>
@ -47,7 +47,7 @@
<ion-icon slot="start" name="archive"></ion-icon> <ion-icon slot="start" name="archive"></ion-icon>
Archive Archive
</ion-item-option> </ion-item-option>
<ion-item-option color="secondary"> <ion-item-option color="secondary" expandable>
<ion-icon slot="start" name="bookmark"></ion-icon> <ion-icon slot="start" name="bookmark"></ion-icon>
Save Save
</ion-item-option> </ion-item-option>
@ -63,7 +63,7 @@
<ion-icon slot="end" name="archive"></ion-icon> <ion-icon slot="end" name="archive"></ion-icon>
Archive Archive
</ion-item-option> </ion-item-option>
<ion-item-option color="secondary"> <ion-item-option color="secondary" expandable>
<ion-icon slot="end" name="bookmark"></ion-icon> <ion-icon slot="end" name="bookmark"></ion-icon>
Save Save
</ion-item-option> </ion-item-option>
@ -83,7 +83,7 @@
<ion-icon slot="top" name="archive"></ion-icon> <ion-icon slot="top" name="archive"></ion-icon>
Archive Archive
</ion-item-option> </ion-item-option>
<ion-item-option color="secondary"> <ion-item-option color="secondary" expandable>
<ion-icon slot="top" name="bookmark"></ion-icon> <ion-icon slot="top" name="bookmark"></ion-icon>
Save Save
</ion-item-option> </ion-item-option>
@ -103,7 +103,7 @@
<ion-icon slot="bottom" name="archive"></ion-icon> <ion-icon slot="bottom" name="archive"></ion-icon>
Archive Archive
</ion-item-option> </ion-item-option>
<ion-item-option color="secondary"> <ion-item-option color="secondary" expandable>
<ion-icon slot="bottom" name="bookmark"></ion-icon> <ion-icon slot="bottom" name="bookmark"></ion-icon>
Save Save
</ion-item-option> </ion-item-option>