html - Shiny - change the size (padding?) of dropdown menu (select tags) smaller -
how can change size of dropdown menu (select tags) smaller? thought padding makes dropdown looking 'thick'. change padding 0 make 'thin' , not work,
shinyui(fluidpage( sidebarpanel( # change font size. tags$style(type='text/css', " .selectize-input, .selectize-dropdown { padding:0 ; }"), # species/ pollutant options selectinput( inputid = "species", label = "species:", choices = c(...) ), ....
the result quite awkward,
any ideas?
for dropdown options, it's line-height
want (the padding 0 default think, @ css on using chrome debugger).
for box itself, looks bootstrap placing min-height
on it, need add min-height: 0;
. again, figured out right debugger looking @ css.
so here's working solution:
runapp(shinyapp( ui = fluidpage( tags$style(type='text/css', ".selectize-input { padding: 2px; min-height: 0;} .selectize-dropdown { line-height: 10px; }"), selectinput("test","test", 1:5) ), server = function(input, output, session) { } ))
please try post complete code samples rather snippet of code have complete ourselves. makes easier , faster try answer
Comments
Post a Comment