ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Example style update

Browse Source
This commit is contained in:
Tim Schaub
2014-10-13 08:42:45 -06:00
parent b8369ad3f0
commit 26be3a5450
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/zoomslider.html
+12 -2
View File
@@ -14,7 +14,7 @@
* zoom-out buttons. * zoom-out buttons.
*/ */
#map2 .ol-zoom .ol-zoom-out { #map2 .ol-zoom .ol-zoom-out {
margin-top: 202px; margin-top: 206px;
} }
#map2 .ol-zoomslider { #map2 .ol-zoomslider {
background-color: transparent; background-color: transparent;
@@ -28,6 +28,16 @@
top: 2.75em; top: 2.75em;
} }
#map2 .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
#map2 .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
top: 3px;
}
#map2 .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
#map2 .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
top: 232px;
}
/** /**
* The zoomslider in the third map shall be horizontal, placed in the top-right * The zoomslider in the third map shall be horizontal, placed in the top-right
* corner, smaller and orange. * corner, smaller and orange.
@@ -60,7 +70,7 @@
background-color: rgba(255,69,0,0.7); background-color: rgba(255,69,0,0.7);
} }
</style> </style>
<title>ol3 ZoomSlider demo</title> <title>Zoom slider example</title>
</head> </head>
<body> <body>