fixed issue with the sort dropdown component being partly hidden on t…

…he side of the screen
coveo · May 29, 2024 · f19c926 · f19c926
1 parent f610a51
commit f19c926
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/quantic/force-app/main/default/lwc/quanticSort/quanticSort.css b/packages/quantic/force-app/main/default/lwc/quanticSort/quanticSort.css
@@ -9,3 +9,10 @@
     padding-top: 6px;
     white-space: nowrap;
 }
+
+/* Overrides the slds-dropdown_fluid class set by default on the combobox */
+.sort__combobox {
+    min-width: none;
+    max-width: none;
+    width: auto;
+}
diff --git a/packages/quantic/force-app/main/default/lwc/quanticSort/quanticSort.html b/packages/quantic/force-app/main/default/lwc/quanticSort/quanticSort.html
@@ -10,7 +10,7 @@
           <lightning-formatted-text value={labels.sortBy}></lightning-formatted-text>
         </lightning-layout-item>
         <lightning-layout-item>
-          <lightning-combobox name="sort" value={value} variant="label-hidden" label={labels.sortBy} placeholder={labels.relevancy} options={options} onchange={handleChange}>
+          <lightning-combobox class="sort__combobox" name="sort" value={value} variant="label-hidden" label={labels.sortBy} placeholder={labels.relevancy} options={options} onchange={handleChange}>
           </lightning-combobox>
         </lightning-layout-item>
       </div>