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

improve zoom control design (refining @jacobtoye's work)

Browse Source
This commit is contained in:
Vladimir Agafonkin 2013-01-21 16:55:48 +02:00
parent 80413f4040
commit b5c9a16ffb
1 changed files with 15 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
dist/leaflet.css vendored
View File

@ -191,14 +191,13 @@
/* general toolbar styles */ /* general toolbar styles */
.leaflet-bar { .leaflet-bar {
box-shadow: 0 0 8px rgba(0,0,0,0.4); box-shadow: 0 1px 7px rgba(0,0,0,0.65);
border: 1px solid #888; -webkit-border-radius: 4px;
-webkit-border-radius: 5px; border-radius: 4px;
border-radius: 5px;
} }
.leaflet-bar-part { .leaflet-bar-part {
background-color: rgba(255, 255, 255, 0.8); background-color: #fff;
border-bottom: 1px solid #aaa; border-bottom: 1px solid rgba(0,0,0,0.2);
} }
.leaflet-bar-part-top { .leaflet-bar-part-top {
-webkit-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;
@ -214,9 +213,6 @@
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
} }
.leaflet-touch .leaflet-bar-part {
border-bottom: 4px solid rgba(0,0,0,0.3);
}
.leaflet-touch .leaflet-bar-part-top { .leaflet-touch .leaflet-bar-part-top {
-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;
@ -235,8 +231,8 @@
margin-top: 12px; margin-top: 12px;
} }
.leaflet-control-zoom a { .leaflet-control-zoom a {
width: 22px; width: 26px;
height: 22px; height: 26px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
color: black; color: black;
@ -248,18 +244,17 @@
display: block; display: block;
} }
.leaflet-control-zoom a:hover { .leaflet-control-zoom a:hover {
background-color: #fff; background-color: #f4f4f4;
color: #777;
} }
.leaflet-control-zoom-in { .leaflet-control-zoom-in {
font: bold 18px/24px Arial, Helvetica, sans-serif; font: bold 18px/26px 'Lucida Console', Monaco, monospace;
} }
.leaflet-control-zoom-out { .leaflet-control-zoom-out {
font: bold 23px/20px Tahoma, Verdana, sans-serif; font: bold 22px/28px 'Lucida Console', Monaco, monospace;
} }
.leaflet-control-zoom a.leaflet-control-zoom-disabled { .leaflet-control-zoom a.leaflet-control-zoom-disabled {
cursor: default; cursor: default;
background-color: rgba(255, 255, 255, 0.8); background-color: #f4f4f4;
color: #bbb; color: #bbb;
} }
@ -268,14 +263,15 @@
height: 30px; height: 30px;
} }
.leaflet-touch .leaflet-control-zoom-in { .leaflet-touch .leaflet-control-zoom-in {
font-size: 24px; font-size: 22px;
line-height: 29px; line-height: 30px;
} }
.leaflet-touch .leaflet-control-zoom-out { .leaflet-touch .leaflet-control-zoom-out {
font-size: 28px; font-size: 28px;
line-height: 24px; line-height: 30px;
} }
/* layers control */ /* layers control */
.leaflet-control-layers { .leaflet-control-layers {