Merge pull request #70 from xinjinzhang/optimize-mapswitch-display

MapSwitch折行和右边多出5px空间问题

modules/themes/mapswitch.scss

@@ -10,7 +10,9 @@
   -webkit-transition: width 2s; /* Safari and Chrome */
   -o-transition: width 2s; /* Opera */
   padding: 5px 5px;
+  box-sizing: content-box;
   box-shadow: 2px 2px 3px #888888;
+  white-space: nowrap;
   cursor: pointer;
   overflow: hidden;
   visibility: hidden;

modules/widget/type/MapSwitch.js

@@ -43,8 +43,9 @@ class MapSwitch extends Widget {
     let self = this
     this._wrapper.onmouseover = () => {
       let width = 80
+      let rightMargin = 5
       if (self._cache.length > 0) {
-        width = self._cache.length * 85
+        width = self._cache.length * (width+rightMargin) - rightMargin
       }
       this._wrapper.style.width = `${width}px`
     }