[OpenLayers-Commits] r11738 - in trunk/openlayers: examples
theme/default theme/default/img
commits-20090109 at openlayers.org
commits-20090109 at openlayers.org
Tue Mar 29 05:39:45 EDT 2011
Author: erilem
Date: 2011-03-29 02:39:42 -0700 (Tue, 29 Mar 2011)
New Revision: 11738
Modified:
trunk/openlayers/examples/editingtoolbar-outside.html
trunk/openlayers/examples/navtoolbar-alwaysZoom.html
trunk/openlayers/examples/navtoolbar-outsidemap.html
trunk/openlayers/examples/snap-split.html
trunk/openlayers/examples/snapping.html
trunk/openlayers/theme/default/img/editing_tool_bar.png
trunk/openlayers/theme/default/style.css
Log:
new icons for the navigation toolbar, p=jorix, r=me,marcjansen (closes #2946)
Modified: trunk/openlayers/examples/editingtoolbar-outside.html
===================================================================
--- trunk/openlayers/examples/editingtoolbar-outside.html 2011-03-29 09:32:17 UTC (rev 11737)
+++ trunk/openlayers/examples/editingtoolbar-outside.html 2011-03-29 09:39:42 UTC (rev 11738)
@@ -9,11 +9,16 @@
<style type="text/css">
.olControlEditingToolbar {
float:left;
- right: 0px;
- height: 30px;
- width: 150px;
+ width: auto;
}
</style>
+ <!--[if lte IE 6]>
+ <style type="text/css">
+ .olControlEditingToolbar {
+ width: 150px;
+ }
+ </style>
+ <![endif]-->
<script src="../lib/Firebug/firebug.js"></script>
<script src="../lib/OpenLayers.js"></script>
<script type="text/javascript">
Modified: trunk/openlayers/examples/navtoolbar-alwaysZoom.html
===================================================================
--- trunk/openlayers/examples/navtoolbar-alwaysZoom.html 2011-03-29 09:32:17 UTC (rev 11737)
+++ trunk/openlayers/examples/navtoolbar-alwaysZoom.html 2011-03-29 09:39:42 UTC (rev 11738)
@@ -7,7 +7,7 @@
<link rel="stylesheet" href="style.css" type="text/css" />
<!-- Override the position of the toolbar to make it fit in a small map -->
<style type='text/css'>
- .olControlNavToolbar div {
+ .olControlNavToolbar {
top: 150px;
}
</style>
Modified: trunk/openlayers/examples/navtoolbar-outsidemap.html
===================================================================
--- trunk/openlayers/examples/navtoolbar-outsidemap.html 2011-03-29 09:32:17 UTC (rev 11737)
+++ trunk/openlayers/examples/navtoolbar-outsidemap.html 2011-03-29 09:39:42 UTC (rev 11738)
@@ -5,15 +5,6 @@
<title>OpenLayers: Custom Navigation Toolbar</title>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
- <style type="text/css">
- #paneldiv {
- height: 80px;
- }
- #paneldiv div {
- top: 10px;
- }
-
- </style>
<script src="../lib/OpenLayers.js"></script>
<script type="text/javascript">
var lon = 5;
Modified: trunk/openlayers/examples/snap-split.html
===================================================================
--- trunk/openlayers/examples/snap-split.html 2011-03-29 09:32:17 UTC (rev 11737)
+++ trunk/openlayers/examples/snap-split.html 2011-03-29 09:39:42 UTC (rev 11738)
@@ -7,10 +7,10 @@
<link rel="stylesheet" href="style.css" type="text/css" />
<style type="text/css">
.olControlEditingToolbar .olControlModifyFeatureItemInactive {
- background-position: -1px 0px ;
+ background-position: -1px -1px;
}
.olControlEditingToolbar .olControlModifyFeatureItemActive {
- background-position: -1px -23px ;
+ background-position: -1px -24px;
}
label.head {
font-weight: bold;
Modified: trunk/openlayers/examples/snapping.html
===================================================================
--- trunk/openlayers/examples/snapping.html 2011-03-29 09:32:17 UTC (rev 11737)
+++ trunk/openlayers/examples/snapping.html 2011-03-29 09:39:42 UTC (rev 11738)
@@ -7,10 +7,10 @@
<link rel="stylesheet" href="style.css" type="text/css" />
<style type="text/css">
.olControlEditingToolbar .olControlModifyFeatureItemInactive {
- background-position: -1px 0px ;
+ background-position: -1px -1px;
}
.olControlEditingToolbar .olControlModifyFeatureItemActive {
- background-position: -1px -23px ;
+ background-position: -1px -24px;
}
table {
padding: 1em 0 1em;
Modified: trunk/openlayers/theme/default/img/editing_tool_bar.png
===================================================================
(Binary files differ)
Modified: trunk/openlayers/theme/default/style.css
===================================================================
--- trunk/openlayers/theme/default/style.css 2011-03-29 09:32:17 UTC (rev 11737)
+++ trunk/openlayers/theme/default/style.css 2011-03-29 09:39:42 UTC (rev 11738)
@@ -137,18 +137,6 @@
padding:5px;
overflow: auto;
}
-.olControlNavToolbar {
- width:0px;
- height:0px;
-}
-.olControlNavToolbar div {
- display:block;
- width: 28px;
- height: 28px;
- top: 300px;
- left: 6px;
- position: relative;
-}
.olControlNavigationHistory {
background-image: url("img/navigation_history.png");
@@ -170,61 +158,6 @@
background-position: -24px -24px;
}
-.olControlNavToolbar .olControlNavigationItemActive {
- background-image: url("img/panning-hand-on.png");
- background-repeat: no-repeat;
-}
-.olControlNavToolbar .olControlNavigationItemInactive {
- background-image: url("img/panning-hand-off.png");
- background-repeat: no-repeat;
-}
-.olControlNavToolbar .olControlZoomBoxItemActive {
- background-image: url("img/drag-rectangle-on.png");
- background-color: orange;
- background-repeat: no-repeat;
-}
-.olControlNavToolbar .olControlZoomBoxItemInactive {
- background-image: url("img/drag-rectangle-off.png");
- background-repeat: no-repeat;
-}
-.olControlEditingToolbar {
- top: 0px;
- right: 0px;
- height: 30px;
- width: 200px;
-}
-.olControlEditingToolbar div {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- float:right;
- width: 24px;
- height: 24px;
- margin: 5px;
-}
-.olControlEditingToolbar .olControlNavigationItemActive {
- background-position: -103px -23px;
-}
-.olControlEditingToolbar .olControlNavigationItemInactive {
- background-position: -103px -0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
- background-position: -77px -23px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
- background-position: -77px -0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
- background-position: -51px 0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
- background-position: -51px -23px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
- background-position: -26px 0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
- background-position: -26px -23px ;
-}
div.olControlSaveFeaturesItemActive {
background-image: url(img/save_features_on.png);
background-repeat: no-repeat;
@@ -421,3 +354,68 @@
.olBingAttribution.road {
color: #333;
}
+
+/**
+ * Editing and navigation icons.
+ * (using the editing_tool_bar.png sprint image)
+ */
+.olControlNavToolbar ,
+.olControlEditingToolbar {
+ margin: 5px 5px 0px 0px;
+}
+.olControlNavToolbar div,
+.olControlEditingToolbar div {
+ background-image: url("img/editing_tool_bar.png");
+ background-repeat: no-repeat;
+ margin: 0px 0px 5px 5px;
+ width: 24px;
+ height: 22px;
+ cursor: pointer
+}
+/* positions */
+.olControlEditingToolbar {
+ right: 0px;
+ top: 0px;
+ width: 200px; /* Only for IE6 or IE without DOCTYPE */
+}
+.olControlNavToolbar {
+ top: 295px;
+ left: 9px;
+}
+/* layouts */
+.olControlEditingToolbar div {
+ float: right;
+}
+/* individual controls */
+.olControlNavToolbar .olControlNavigationItemInactive,
+.olControlEditingToolbar .olControlNavigationItemInactive {
+ background-position: -103px -1px;
+}
+.olControlNavToolbar .olControlNavigationItemActive ,
+.olControlEditingToolbar .olControlNavigationItemActive {
+ background-position: -103px -24px;
+}
+.olControlNavToolbar .olControlZoomBoxItemInactive {
+ background-position: -128px -1px;
+}
+.olControlNavToolbar .olControlZoomBoxItemActive {
+ background-position: -128px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
+ background-position: -77px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
+ background-position: -77px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
+ background-position: -51px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
+ background-position: -51px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
+ background-position: -26px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
+ background-position: -26px -24px;
+}
More information about the Commits
mailing list