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 {