Fixed #7029 - Listbox and Select: checkmark different size

primefaces · Jan 7, 2025 · 1b1f988 · 1b1f988
1 parent 1699aa6
commit 1b1f988
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/primevue/src/listbox/style/ListboxStyle.js b/packages/primevue/src/listbox/style/ListboxStyle.js
@@ -86,8 +86,13 @@ const theme = ({ dt }) => `
     color: ${dt('listbox.option.focus.color')};
 }
 
+.p-listbox-option-blank-icon {
+    flex-shrink: 0;
+}
+
 .p-listbox-option-check-icon {
     position: relative;
+    flex-shrink: 0;
     margin-inline-start: ${dt('listbox.checkmark.gutter.start')};
     margin-inline-end: ${dt('listbox.checkmark.gutter.end')};
     color: ${dt('listbox.checkmark.color')};

diff --git a/packages/primevue/src/select/style/SelectStyle.js b/packages/primevue/src/select/style/SelectStyle.js
@@ -185,8 +185,13 @@ input.p-select-label {
     color: ${dt('select.option.selected.focus.color')};
 }
 
+.p-select-option-blank-icon {
+    flex-shrink: 0;
+}
+
 .p-select-option-check-icon {
     position: relative;
+    flex-shrink: 0;
     margin-inline-start: ${dt('select.checkmark.gutter.start')};
     margin-inline-end: ${dt('select.checkmark.gutter.end')};
     color: ${dt('select.checkmark.color')};