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