You are here

geofield.css in Openlayers 7.3

/* Geofield control positioning */
.ol-geofield.ol-control {
  position: absolute;
  bottom: 1em;
  text-align: center;
  width: 100%;
}
.ol-control .ol-geofield-controls {
  display: inline-block;
}
.ol-control .ol-geofield-controls .ol-control-group {
  position: relative;
  float: left;
  margin: 0 0 0.5em 1em;
}
.ol-control .ol-geofield-controls button {
  display: inline-block;
}
/* Geofield enabled button style. */
.ol-control .ol-geofield-controls button.enable {
  text-decoration: none;
  background-color: #4c6079;
  background-color: rgba(0,60,136,0.7);
}
/* Geofield .ol-control background overrides. */
.ol-geofield.ol-control {
  background: none;
}
.ol-geofield.ol-control:hover {
  background: none;
}
.ol-control .ol-geofield-controls .ol-control-group {
  background-color: rgba(255,255,255,0.4);
  border-radius: 4px;
  padding: 2px;
}

File

modules/openlayers_geofield/src/Plugin/Control/Geofield/css/geofield.css
View source
  1. /* Geofield control positioning */
  2. .ol-geofield.ol-control {
  3. position: absolute;
  4. bottom: 1em;
  5. text-align: center;
  6. width: 100%;
  7. }
  8. .ol-control .ol-geofield-controls {
  9. display: inline-block;
  10. }
  11. .ol-control .ol-geofield-controls .ol-control-group {
  12. position: relative;
  13. float: left;
  14. margin: 0 0 0.5em 1em;
  15. }
  16. .ol-control .ol-geofield-controls button {
  17. display: inline-block;
  18. }
  19. /* Geofield enabled button style. */
  20. .ol-control .ol-geofield-controls button.enable {
  21. text-decoration: none;
  22. background-color: #4c6079;
  23. background-color: rgba(0,60,136,0.7);
  24. }
  25. /* Geofield .ol-control background overrides. */
  26. .ol-geofield.ol-control {
  27. background: none;
  28. }
  29. .ol-geofield.ol-control:hover {
  30. background: none;
  31. }
  32. .ol-control .ol-geofield-controls .ol-control-group {
  33. background-color: rgba(255,255,255,0.4);
  34. border-radius: 4px;
  35. padding: 2px;
  36. }