Skip to content

Commit

Permalink
fix(ui5-li): prevent checkbox shrinking (#1142)
Browse files Browse the repository at this point in the history
  • Loading branch information
MapTo0 authored Jan 16, 2020
1 parent e211227 commit 964dbc2
Showing 2 changed files with 9 additions and 2 deletions.
7 changes: 7 additions & 0 deletions packages/main/src/themes/ListItem.css
Original file line number Diff line number Diff line change
@@ -102,8 +102,10 @@
}

.ui5-li-img {
min-width: 2rem;
width: 2rem;
margin: 0.5rem 0.75rem 0.5rem 0rem;
min-height: 2rem;
height: 2rem;
}

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

.ui5-li-multisel-cb,
.ui5-li-singlesel-radiobtn {
flex-shrink: 0;
}

/* Compact size */
:host([data-ui5-compact-size]) .ui5-li-title {
height: 2rem;
4 changes: 2 additions & 2 deletions packages/main/test/pages/List.html
Original file line number Diff line number Diff line change
@@ -17,7 +17,7 @@ <h2>ui5-list</h2>

<ui5-list header-text="API: GroupHeaderListItem" mode="MultiSelect">
<ui5-li-groupheader>New Items</ui5-li-groupheader>
<ui5-li image="./img/HT-1000.jpg" icon="navigation-right-arrow" info="Available">Laptop HP</ui5-li>
<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>
<ui5-li image="./img/HT-1010.jpg" icon="navigation-right-arrow" info="Re-stock" description="#12331232131" info-state="Error">Laptop Lenovo</ui5-li>
<ui5-li image="./img/HT-1022.jpg" icon="navigation-right-arrow" info="Re-stock" description="#12331232131" info-state="Error">IPhone 3</ui5-li>

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

<ui5-list id="myList3" mode="SingleSelectBegin" header-text="API: mode='SingleSelectBegin'">
<ui5-li id="country1" >Argentina</ui5-li>
<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>
<ui5-li id="country2" selected>Bulgaria</ui5-li>
<ui5-li id="country3" >China</ui5-li>
</ui5-list>

0 comments on commit 964dbc2

Please sign in to comment.