How to reduce the height of the list elements in dropdown

Question

I have tried to override the height for the list items of the dropdown dropdown list width and height overrided

 .ui-list{
           max-width : 200px
           max-height : 200px
     }

but only the height is not getting overridden styles not override for height

@umgolla-You can use custom css for this.You need to override below class by inspecting as follow: .ka { height: 2.2857rem; } However it is not the ideal way to do so. — Sayali-MSFT, Feb 23 '22 at 12:59
thanks you, it works, i would like to know, if any standard way of doing it apart from this — umgolla, Feb 23 '22 at 13:14
@MarkoSavic, both worked. for the first one i had conflict with other list — umgolla, Feb 24 '22 at 10:21

score 0 · Answer 1 · answered Feb 25 '22 at 10:25

You can use custom css for this.You need to override below class by inspecting.

<span class="ui-list ci ni sn be so bg ja jb jc jd db au av aw ax jj jk jl jm ap aq ar as bp nj jw ji a nk sp ui-dropdown__items-list"/>

as follow:

.ka 
  { 
   height: 2.2857rem; 
  }

1 Answers1