Skip to content

Commit 964dbc2

Browse files
authored
fix(ui5-li): prevent checkbox shrinking (#1142)
1 parent e211227 commit 964dbc2

File tree

2 files changed

+9
-2
lines changed

2 files changed

+9
-2
lines changed

packages/main/src/themes/ListItem.css

+7
Original file line numberDiff line numberDiff line change
@@ -102,8 +102,10 @@
102102
}
103103

104104
.ui5-li-img {
105+
min-width: 2rem;
105106
width: 2rem;
106107
margin: 0.5rem 0.75rem 0.5rem 0rem;
108+
min-height: 2rem;
107109
height: 2rem;
108110
}
109111

@@ -129,6 +131,11 @@
129131
align-items: center;
130132
}
131133

134+
.ui5-li-multisel-cb,
135+
.ui5-li-singlesel-radiobtn {
136+
flex-shrink: 0;
137+
}
138+
132139
/* Compact size */
133140
:host([data-ui5-compact-size]) .ui5-li-title {
134141
height: 2rem;

packages/main/test/pages/List.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ <h2>ui5-list</h2>
1717

1818
<ui5-list header-text="API: GroupHeaderListItem" mode="MultiSelect">
1919
<ui5-li-groupheader>New Items</ui5-li-groupheader>
20-
<ui5-li image="./img/HT-1000.jpg" icon="navigation-right-arrow" info="Available">Laptop HP</ui5-li>
20+
<ui5-li image="./img/HT-1000.jpg" icon="navigation-right-arrow" info="Available">Voluptate do eu cupidatat elit est culpa. Reprehenderit eiusmod voluptate ex est dolor nostrud Lorem Lorem do nisi laborum veniam. Sint do non culpa aute occaecat labore ipsum veniam minim tempor est. Duis pariatur aute culpa irure ad excepteur pariatur culpa culpa ea duis occaecat aute irure. Ipsum velit culpa non exercitation ex laboris deserunt in eu non officia in. Laborum sunt aliqua labore cupidatat sunt labore.</ui5-li>
2121
<ui5-li image="./img/HT-1010.jpg" icon="navigation-right-arrow" info="Re-stock" description="#12331232131" info-state="Error">Laptop Lenovo</ui5-li>
2222
<ui5-li image="./img/HT-1022.jpg" icon="navigation-right-arrow" info="Re-stock" description="#12331232131" info-state="Error">IPhone 3</ui5-li>
2323

@@ -86,7 +86,7 @@ <h2>ui5-list</h2>
8686
<br/><br/>
8787

8888
<ui5-list id="myList3" mode="SingleSelectBegin" header-text="API: mode='SingleSelectBegin'">
89-
<ui5-li id="country1" >Argentina</ui5-li>
89+
<ui5-li id="country1" >Dolor dolor ipsum culpa proident esse quis quis incididunt. Sunt duis eu ad deserunt dolor sunt Lorem incididunt est irure qui dolore minim consectetur. Voluptate minim veniam aliqua aute et consectetur magna commodo sit. Duis fugiat esse culpa ea velit sit excepteur duis deserunt aliquip minim laborum. Amet aliquip excepteur esse aute ut dolore labore.</ui5-li>
9090
<ui5-li id="country2" selected>Bulgaria</ui5-li>
9191
<ui5-li id="country3" >China</ui5-li>
9292
</ui5-list>

0 commit comments

Comments
 (0)