Issue with icon spacing in multiselect values

tcbegley / dash-bootstrap-css

Bootstrap CSS for use with Plotly Dash

Apache License 2.0

61 stars 28 forks source link

Issue with icon spacing in multiselect values #11

Closed Godisemo closed 3 years ago

Godisemo commented 4 years ago

There seems to be an issue in all themes with spacing of the x-icon in the multiselect values. I'm currently using the following versions:

dash==1.11.0
dash-bootstrap-components==0.9.2
dash-core-components==1.9.1
dash-html-components==1.0.3

Godisemo commented 4 years ago

I'm not sure it is a perfect fix, but adding

.dash-bootstrap .Select--multi .Select-value-icon,
.dash-bootstrap .Select--multi .Select-value-label {
    vertical-align: top;
}

seems to do it for me.

tcbegley commented 4 years ago

Hey, thanks for reporting and proposing a fix! Sorry that it's taken me so long to get back to you, I haven't had time to look into this in recent weeks. Hoping that will change soon and I'll be able to push a fix.

tcbegley commented 3 years ago

Sorry it took me so long to get to this. Was a strange year last year. Thanks for the suggested fix, seems to do the trick.