leaflet.draw.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /*S leaflet-control-measure-distance*/
  2. * {
  3. --widthBtu: 30px;
  4. --heightBtu: 30px;
  5. }
  6. .leaflet-control-measure {
  7. border: 1px solid #000 !important;
  8. width: var(--widthBtu);
  9. height: var(--heightBtu);
  10. position: relative;
  11. text-align: center;
  12. text-decoration: none;
  13. color: black;
  14. display: block;
  15. cursor: pointer;
  16. float: left;
  17. border-bottom: none !important;
  18. }
  19. .leaflet-control-measure span {
  20. display: block;
  21. width: var(--widthBtu);
  22. height: var(--heightBtu);
  23. overflow: hidden;
  24. position: absolute;
  25. left: 0px;
  26. top: 0px;
  27. background: url(images/ico_distance.png) no-repeat center center;
  28. }
  29. .measure-tip {
  30. border: none;
  31. background: none;
  32. color: #fff !important;
  33. }
  34. .measure-tip .leaflet-label-tips {
  35. display: none;
  36. }
  37. /* .leaflet-magnifying-glass{
  38. cursor: pointer;
  39. } */
  40. /*E leaflet-control-measure-distance*/
  41. .measure-ico-del {
  42. background: url(images/icon-map-delete.png) center center;
  43. width: 30px;
  44. height: 30px;
  45. display: inline-block;
  46. margin-left: 10px;
  47. background-size: 100%;
  48. opacity: 0.85;
  49. }
  50. .measure-ico-del:hover,
  51. .measure-ico-save:hover {
  52. box-shadow: 0 0 4px 2px #34c6d864;
  53. opacity: 1;
  54. }
  55. .measure-ico-save {
  56. background: url(images/icon-map-save.png) center center;
  57. width: 30px;
  58. height: 30px;
  59. display: inline-block;
  60. margin-left: 10px;
  61. background-size: 100%;
  62. opacity: 0.85;
  63. }
  64. .measuremarker {
  65. border-radius: 5px;
  66. background: #fff;
  67. border: 1px solid #000;
  68. }