Serenity: Increase width of quickfilter

[ms4hafiz]

I want to increase the width of quickfilter dynamically to content length better or fixed length.

Any solution please.

I tried using CSS but did not succeed.

Thank you

[promiseap2014]

1. Add cssClass to the filter

protected getQuickFilters() {
    var flt = super.getQuickFilters();
    var supplier = Q.tryFirst(flt, f => f.field == ProductRow.Fields.SupplierID);
    supplier.cssClass = 'supplier-filter';

    return flt;
}

1. Add style in less file

.s-Northwind-ProductGrid {
    .supplier-filter {
        .select2-container {
            width:300px !important;
        }
    }
}

[ms4hafiz]

@promiseap2014
thank you very much