Give container ol-control class and tidy css

This commit is contained in:
Tim Schaub
2014-10-13 09:22:21 -06:00
parent 26be3a5450
commit 9dd5b611c7
2 changed files with 8 additions and 17 deletions

View File

@@ -259,28 +259,18 @@ button.ol-full-screen-true:after {
left: .5em;
background: #eee;
background: rgba(255, 255, 255, 0.4);
border-radius: 4px;
outline: none;
overflow: hidden;
width: 1.5675em;
width: 1.7em;
height: 200px;
padding: 3px;
margin: 0;
}
.ol-zoomslider-thumb {
position: absolute;
display: block;
background: #7b98bc;
background: rgba(0,60,136,0.5);
border-radius: 2px;
outline: none;
overflow: hidden;
cursor: pointer;
font-size: 1.14em;
height: 1em;
width: 1.375em;
height: 1.1em;
width: 1.6em;
margin: 3px;
padding: 0;
}
.ol-touch .ol-zoomslider {
top: 5.5em;

View File

@@ -68,8 +68,9 @@ ol.control.ZoomSlider = function(opt_options) {
options.className : 'ol-zoomslider';
var thumbElement = goog.dom.createDom(goog.dom.TagName.DIV,
[className + '-thumb', ol.css.CLASS_UNSELECTABLE]);
var sliderElement = goog.dom.createDom(goog.dom.TagName.DIV,
[className, ol.css.CLASS_UNSELECTABLE], thumbElement);
var containerElement = goog.dom.createDom(goog.dom.TagName.DIV,
[className, ol.css.CLASS_UNSELECTABLE, ol.css.CLASS_CONTROL],
thumbElement);
/**
* @type {goog.fx.Dragger}
@@ -85,13 +86,13 @@ ol.control.ZoomSlider = function(opt_options) {
goog.events.listen(this.dragger_, goog.fx.Dragger.EventType.END,
this.handleDraggerEnd_, false, this);
goog.events.listen(sliderElement, goog.events.EventType.CLICK,
goog.events.listen(containerElement, goog.events.EventType.CLICK,
this.handleContainerClick_, false, this);
goog.events.listen(thumbElement, goog.events.EventType.CLICK,
goog.events.Event.stopPropagation);
goog.base(this, {
element: sliderElement
element: containerElement
});
};
goog.inherits(ol.control.ZoomSlider, ol.control.Control);