| 1 | .ol-popup {
|
| 2 | position: absolute;
|
| 3 | background-color: white;
|
| 4 | -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
|
| 5 | filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
|
| 6 | padding: 15px;
|
| 7 | border-radius: 10px;
|
| 8 | border: 1px solid #cccccc;
|
| 9 | bottom: 12px;
|
| 10 | left: -50px;
|
| 11 | min-width: 280px;
|
| 12 | }
|
| 13 | .ol-popup:after, .ol-popup:before {
|
| 14 | top: 100%;
|
| 15 | border: solid transparent;
|
| 16 | content: " ";
|
| 17 | height: 0;
|
| 18 | width: 0;
|
| 19 | position: absolute;
|
| 20 | pointer-events: none;
|
| 21 | }
|
| 22 | .ol-popup:after {
|
| 23 | border-top-color: white;
|
| 24 | border-width: 10px;
|
| 25 | left: 48px;
|
| 26 | margin-left: -10px;
|
| 27 | }
|
| 28 | .ol-popup:before {
|
| 29 | border-top-color: #cccccc;
|
| 30 | border-width: 11px;
|
| 31 | left: 48px;
|
| 32 | margin-left: -11px;
|
| 33 | }
|
| 34 | .ol-popup-closer {
|
| 35 | text-decoration: none;
|
| 36 | position: absolute;
|
| 37 | top: 2px;
|
| 38 | right: 8px;
|
| 39 | }
|
| 40 | .ol-popup-closer:after {
|
| 41 | content: "✖";
|
| 42 | }
|