cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make toolbar styles more generic

Browse Source
This commit is contained in:
Vladimir Agafonkin 2013-01-23 15:34:44 +02:00
parent 0554098460
commit 9bdab60182
2 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
dist/leaflet.css vendored
View File

@ -201,6 +201,19 @@
width: 26px; width: 26px;
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
} }
.leaflet-bar a:first-child { .leaflet-bar a:first-child {
-webkit-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;
@ -211,11 +224,20 @@
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
border-bottom: none; border-bottom: none;
} }
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar { .leaflet-touch .leaflet-bar {
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
} }
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child { .leaflet-touch .leaflet-bar a:first-child {
-webkit-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
@ -233,36 +255,13 @@
margin-left: 13px; margin-left: 13px;
margin-top: 12px; margin-top: 12px;
} }
.leaflet-control-zoom a {
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-control-zoom a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-control-zoom a:hover {
background-color: #f4f4f4;
}
.leaflet-control-zoom-in { .leaflet-control-zoom-in {
font: bold 18px 'Lucida Console', Monaco, monospace; font: bold 18px 'Lucida Console', Monaco, monospace;
} }
.leaflet-control-zoom-out { .leaflet-control-zoom-out {
font: bold 22px 'Lucida Console', Monaco, monospace; font: bold 22px 'Lucida Console', Monaco, monospace;
} }
.leaflet-control-zoom a.leaflet-control-zoom-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-control-zoom a {
width: 30px;
height: 30px;
}
.leaflet-touch .leaflet-control-zoom-in { .leaflet-touch .leaflet-control-zoom-in {
font-size: 22px; font-size: 22px;
line-height: 30px; line-height: 30px;

2
src/control/Control.Zoom.js
View File

@ -55,7 +55,7 @@ L.Control.Zoom = L.Control.extend({
_updateDisabled: function () { _updateDisabled: function () {
var map = this._map, var map = this._map,
className = 'leaflet-control-zoom-disabled'; className = 'leaflet-disabled';
L.DomUtil.removeClass(this._zoomInButton, className); L.DomUtil.removeClass(this._zoomInButton, className);
L.DomUtil.removeClass(this._zoomOutButton, className); L.DomUtil.removeClass(this._zoomOutButton, className);