Control.Geocoder.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. .leaflet-control-geocoder {
  2. border-radius: 4px;
  3. background: white;
  4. min-width: 26px;
  5. min-height: 26px;
  6. }
  7. .leaflet-touch .leaflet-control-geocoder {
  8. min-width: 30px;
  9. min-height: 30px;
  10. }
  11. .leaflet-control-geocoder a,
  12. .leaflet-control-geocoder .leaflet-control-geocoder-icon {
  13. border-bottom: none;
  14. display: inline-block;
  15. }
  16. .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
  17. width: inherit;
  18. height: inherit;
  19. line-height: inherit;
  20. }
  21. .leaflet-control-geocoder a:hover,
  22. .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
  23. border-bottom: none;
  24. display: inline-block;
  25. }
  26. .leaflet-control-geocoder-form {
  27. display: none;
  28. vertical-align: middle;
  29. }
  30. .leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  31. display: inline-block;
  32. }
  33. .leaflet-control-geocoder-form input {
  34. font-size: 120%;
  35. border: 0;
  36. background-color: transparent;
  37. width: 246px;
  38. }
  39. .leaflet-control-geocoder-icon {
  40. border-radius: 4px;
  41. width: 26px;
  42. height: 26px;
  43. border: none;
  44. background-color: white;
  45. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 13l3.4 6.6c.6 1.1 2.5-.4 2-1.2l-4-6.2z'/%3E%3Ccircle cx='10.8' cy='8.9' r='3.9' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
  46. background-repeat: no-repeat;
  47. background-position: center;
  48. cursor: pointer;
  49. }
  50. .leaflet-touch .leaflet-control-geocoder-icon {
  51. width: 30px;
  52. height: 30px;
  53. }
  54. .leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
  55. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' stroke-linecap='round' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke-opacity='.1' d='M14 8.4l3-5'/%3E%3Cpath stroke-opacity='.2' d='M15.6 10l5-3'/%3E%3Cpath stroke-opacity='.3' d='M16.2 12H22'/%3E%3Cpath stroke-opacity='.4' d='M15.6 14l5 3m-6.5-1.4l2.9 5'/%3E%3Cpath stroke-opacity='.5' d='M12 16.2V22m-2-6.4l-3 5'/%3E%3Cpath stroke-opacity='.6' d='M8.4 14l-5 3'/%3E%3Cpath stroke-opacity='.7' d='M7.8 12H2'/%3E%3Cpath stroke-opacity='.8' d='M8.4 10l-5-3'/%3E%3Cpath stroke-opacity='.9' d='M10 8.4l-3-5'/%3E%3Cpath d='M12 7.8V2'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='1s' repeatCount='indefinite' type='rotate' values='0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12'/%3E%3C/g%3E%3C/svg%3E");
  56. }
  57. .leaflet-control-geocoder-form-no-error {
  58. display: none;
  59. }
  60. .leaflet-control-geocoder-form input:focus {
  61. outline: none;
  62. }
  63. .leaflet-control-geocoder-form button {
  64. display: none;
  65. }
  66. .leaflet-control-geocoder-error {
  67. margin-top: 8px;
  68. margin-left: 8px;
  69. display: block;
  70. color: #444;
  71. }
  72. .leaflet-control-geocoder-alternatives {
  73. display: block;
  74. width: 272px;
  75. list-style: none;
  76. padding: 0;
  77. margin: 0;
  78. }
  79. .leaflet-control-geocoder-alternatives-minimized {
  80. display: none;
  81. height: 0;
  82. }
  83. .leaflet-control-geocoder-alternatives li {
  84. white-space: nowrap;
  85. display: block;
  86. overflow: hidden;
  87. padding: 5px 8px;
  88. text-overflow: ellipsis;
  89. border-bottom: 1px solid #ccc;
  90. cursor: pointer;
  91. }
  92. .leaflet-control-geocoder-alternatives li a,
  93. .leaflet-control-geocoder-alternatives li a:hover {
  94. width: inherit;
  95. height: inherit;
  96. line-height: inherit;
  97. background: inherit;
  98. border-radius: inherit;
  99. text-align: left;
  100. }
  101. .leaflet-control-geocoder-alternatives li:last-child {
  102. border-bottom: none;
  103. }
  104. .leaflet-control-geocoder-alternatives li:hover,
  105. .leaflet-control-geocoder-selected {
  106. background-color: #f5f5f5;
  107. }
  108. .leaflet-control-geocoder-address-detail {
  109. }
  110. .leaflet-control-geocoder-address-context {
  111. color: #666;
  112. }