fix(ui5-li): correct sizes

Corrected ui5-li and its icon sizes in Cozy mode. Part of #2218
SAP · Oct 2, 2020 · 2faad25 · 2faad25
1 parent 5c51dc6
commit 2faad25
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/main/src/themes/ListItem.css b/packages/main/src/themes/ListItem.css
@@ -110,8 +110,8 @@
 }
 
 .ui5-li-icon {
-	min-width: 1rem;
-	min-height: 1rem;
+	min-width: var(--_ui5_list_item_icon_size);
+	min-height: var(--_ui5_list_item_icon_size);
 	color: var(--sapContent_NonInteractiveIconColor);
 	padding-right: 0.5rem;
 }

diff --git a/packages/main/src/themes/base/sizes-parameters.css b/packages/main/src/themes/base/sizes-parameters.css
@@ -25,7 +25,8 @@
 	--_ui5_list_item_title_size: var(--sapMFontLargeSize);
 	--_ui5_list_item_img_size: 2rem;
 	--_ui5_list_item_img_margin: 0.5rem 0.75rem 0.5rem 0rem;
-	--_ui5_list_item_base_height: 3rem;
+	--_ui5_list_item_base_height: 2.75rem;
+	--_ui5_list_item_icon_size: 1.125rem;
 	--_ui5_list_busy_row_height: 3rem;
 	--_ui5_month_picker_item_height: 3rem;
 	--_ui5_year_picker_item_height: 3rem;
@@ -131,6 +132,7 @@
 	--_ui5_list_item_img_size: 1.75rem;
 	--_ui5_list_item_img_margin: 0.55rem 0.75rem 0.5rem 0rem;
 	--_ui5_list_item_base_height: 2rem;
+	--_ui5_list_item_icon_size: 1rem;
 	--_ui5_list_busy_row_height: 2rem;
 
 	--_ui5_month_picker_item_height: 2rem;