vendor/assets/stylesheets/leaflet.draw.css.erb in leaflet-js-0.6.beta4 vs vendor/assets/stylesheets/leaflet.draw.css.erb in leaflet-js-0.7.0

- old
+ new

@@ -21,14 +21,19 @@ .leaflet-draw-toolbar-nobottom a:last-child { border-bottom-right-radius: 0; } .leaflet-draw-toolbar a { - background-image: url(<%= asset_path 'spritesheet.png' %>); + background-image: url(<%= asset_path 'spritesheet.png' %>); background-repeat: no-repeat; } +.leaflet-retina .leaflet-draw-toolbar a { + background-image: url(<%= asset_path 'spritesheet-2x.png' %>); + background-size: 270px 30px; +} + .leaflet-draw a { display: block; text-align: center; text-decoration: none; } @@ -45,12 +50,17 @@ position: absolute; left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */ top: 0; } +.leaflet-right .leaflet-draw-actions { + right:26px; + left:auto; +} + .leaflet-draw-actions li { - float: left; + display: inline-block; } .leaflet-draw-actions li:first-child a { border-left: none; } @@ -58,27 +68,40 @@ .leaflet-draw-actions li:last-child a { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } +.leaflet-right .leaflet-draw-actions li:last-child a { + -webkit-border-radius: 0; + border-radius: 0; +} + +.leaflet-right .leaflet-draw-actions li:first-child a { + -webkit-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + .leaflet-draw-actions a { background-color: #919187; border-left: 1px solid #AAA; color: #FFF; font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 28px; text-decoration: none; - width: 50px; + padding-left: 10px; + padding-right: 10px; height: 28px; } .leaflet-draw-actions-bottom { margin-top: 0; + white-space: nowrap; } .leaflet-draw-actions-top { margin-top: 1px; + white-space: nowrap; } .leaflet-draw-actions-top a, .leaflet-draw-actions-bottom a { height: 27px; @@ -128,10 +151,18 @@ .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -182px -2px; } +.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { + background-position: -212px -2px; +} + +.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { + background-position: -242px -2px; +} + /* ================================================================== */ /* Drawing styles /* ================================================================== */ .leaflet-mouse-marker { @@ -149,9 +180,10 @@ font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; margin-left: 20px; margin-top: -21px; padding: 4px 8px; position: absolute; + visibility: hidden; white-space: nowrap; z-index: 6; } .leaflet-draw-tooltip:before {