Label class/style problem when using Openlayers Dev version [#1646646]

Hello,

When using the dev version of OL (http://openlayers.org/dev/OpenLayers.js), the HTML structure of the layer switcher seems to have changed a bit.

Before:
<span class="labelSpan" style="vertical-align: bottom; ">MapQuest OSM</span>

After:
<label class="labelSpan olButton" style="vertical-align: bottom; ">MapQuest OSM</label>

This change is making the layerswitcher to be displayed incorrectly because of the Drupal's label CSS definition which contains:
display: block;

To fix this problem, my idea is to add a new CSS definition in /themes/default_dark/style.css like this:

label.olButton {
  display: inline;
}

I don't know if it's the right way to fix the problem because I suppose that people who will not use the default_dark theme will also get the problem.

What's your point of view ?

Comments

Comment #1

brndt CreditAttribution: brndt commented 17 July 2012 at 21:19

I can confirm the issue, but couldn't correct it using the method you suggested:

label.olButton {
  display: inline;
}

Edit: I was able to add that code to the default theme in my open layers directory:
sites/all/modules/libraries/OpenLayers-2.12/theme/default/style.css
and got it to work. I know it's not a good solution, but it got my maps working for now. I'm not sure why it seems to ignore the css in my dark theme folder...