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,

enter image description here

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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -