You are here

Home » API reference » Openlayers 7.3

tooltip.css in Openlayers 7.3 

.ol-tooltip {
  display: none;
  position: absolute;
  background-color: white;
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 5px;
  left: -50px;
}
#tooltip-content {
  white-space: nowrap;
}

File

src/Plugin/Component/Tooltip/css/tooltip.css
View source 
  1. .ol-tooltip {

  2.   display: none;

  3.   position: absolute;

  4.   background-color: white;

  5.   -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);

  6.   -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));

  7.   filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));

  8.   padding: 15px;

  9.   border-radius: 10px;

  10.   border: 1px solid #cccccc;

  11.   bottom: 5px;

  12.   left: -50px;

  13. }

  14. #tooltip-content {

  15.   white-space: nowrap;

  16. }