|
214 | 214 | } |
215 | 215 |
|
216 | 216 | .leaflet-control-layers fieldset { |
217 | | - border: none; |
218 | 217 | margin: 0; |
219 | 218 | padding: 0; |
220 | 219 | min-height: 44px; |
|
239 | 238 | margin-inline-start: 0; |
240 | 239 | } |
241 | 240 |
|
242 | | -.leaflet-control-layers-list .leaflet-control-layers-overlays > :not(:last-of-type) { |
243 | | - border-bottom: 1px solid #e3e3e3; |
244 | | -} |
245 | | - |
246 | 241 | .leaflet-control .leaflet-control-layers-toggle { |
247 | 242 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='m11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16zm0-11.47L17.74 9 12 13.47 6.26 9 12 4.53z'/%3E%3C/svg%3E"); |
248 | 243 | background-size: 34px; |
@@ -487,7 +482,6 @@ summary { |
487 | 482 | .mapml-draggable, |
488 | 483 | .mapml-draggable * { |
489 | 484 | cursor: row-resize; |
490 | | - background-color: white; |
491 | 485 | } |
492 | 486 |
|
493 | 487 | .leaflet-crosshair { |
@@ -651,21 +645,32 @@ button.mapml-button:disabled, |
651 | 645 | } |
652 | 646 |
|
653 | 647 | .mapml-layer-item, |
654 | | -.mapml-layer-item *, |
655 | | -.mapml-layer-item ::before, |
656 | | -.mapml-layer-item ::after { |
| 648 | +.mapml-layer-item * { |
657 | 649 | box-sizing: border-box; |
658 | 650 | } |
659 | 651 |
|
660 | 652 | .mapml-layer-item { |
661 | | - border: 0; |
| 653 | + background-color: #fff; |
| 654 | + border: 1px solid #fff; |
662 | 655 | margin: 0; |
663 | 656 | padding: 0; |
664 | 657 | } |
665 | 658 |
|
666 | 659 | .mapml-layer-item:not(:last-of-type) { |
667 | 660 | border-bottom: 1px solid #e3e3e3; |
668 | 661 | } |
| 662 | +.mapml-layer-item[aria-grabbed="true"] { |
| 663 | + border: 1px solid #e3e3e3; |
| 664 | + border-radius: 0; |
| 665 | +} |
| 666 | +.mapml-layer-item:first-of-type { |
| 667 | + border-top-left-radius: 4px; |
| 668 | + border-top-right-radius: 4px; |
| 669 | +} |
| 670 | +.mapml-layer-item:last-of-type { |
| 671 | + border-bottom-left-radius: 4px; |
| 672 | + border-bottom-right-radius: 4px; |
| 673 | +} |
669 | 674 |
|
670 | 675 | .mapml-layer-item-properties { |
671 | 676 | align-items: center; |
@@ -708,6 +713,8 @@ button.mapml-button:disabled, |
708 | 713 | label.mapml-layer-item-toggle { |
709 | 714 | display: inline-flex; |
710 | 715 | align-items: center; |
| 716 | + width: 100%; /* have the clickable area take up all available width */ |
| 717 | + min-height: 44px; |
711 | 718 | } |
712 | 719 |
|
713 | 720 | .mapml-layer-item-name { |
|
0 commit comments