Merge pull request #156 from asith-w/master

Changing class names for toolbar plugin.

Author: SSShooter

src/plugin/toolBar.less

@@ -1,33 +1,38 @@
-toolbar {
-  position: absolute;
-  background: #fff;
-  padding: 10px;
-  border-radius: 5px;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-  span {
-    &:active {
-      opacity: 0.5;
-    }
-  }
-}
-.rb {
-  right: 20px;
-  bottom: 20px;
-  font-family: iconfont;
-  span + span {
-    margin-left: 10px;
-  }
-}
+ .mind-elixir-toolbar {
+   position: absolute;
+   background: #fff;
+   padding: 10px;
+   border-radius: 5px;
+   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
 
-.lt {
-  font-size: 20px;
-  left: 20px;
-  top: 20px;
-  width: 20px;
-  span {
-    display: block;
-  }
-  span + span {
-    margin-top: 10px;
-  }
-}
+   span {
+     &:active {
+       opacity: 0.5;
+     }
+   }
+ }
+
+ .mind-elixir-toolbar.rb {
+   right: 20px;
+   bottom: 20px;
+   font-family: iconfont;
+
+   span+span {
+     margin-left: 10px;
+   }
+ }
+
+ .mind-elixir-toolbar.lt {
+   font-size: 20px;
+   left: 20px;
+   top: 20px;
+   width: 20px;
+
+   span {
+     display: block;
+   }
+
+   span+span {
+     margin-top: 10px;
+   }
+ }

src/plugin/toolBar.ts

@@ -10,7 +10,7 @@ const createButton = (id, name) => {
 }
 
 function createToolBarRBContainer(mind) {
-  const toolBarRBContainer = document.createElement('toolbar')
+  const toolBarRBContainer = document.createElement('div')
   const fc = createButton('fullscreen', 'full')
   const gc = createButton('toCenter', 'living')
   const zo = createButton('zoomout', 'move')
@@ -22,7 +22,7 @@ function createToolBarRBContainer(mind) {
   toolBarRBContainer.appendChild(zo)
   toolBarRBContainer.appendChild(zi)
   // toolBarRBContainer.appendChild(percentage)
-  toolBarRBContainer.className = 'rb'
+  toolBarRBContainer.className = 'mind-elixir-toolbar rb'
   fc.onclick = () => {
     mind.container.requestFullscreen()
   }
@@ -40,15 +40,15 @@ function createToolBarRBContainer(mind) {
   return toolBarRBContainer
 }
 function createToolBarLTContainer(mind) {
-  const toolBarLTContainer = document.createElement('toolbar')
+  const toolBarLTContainer = document.createElement('div')
   const l = createButton('tbltl', 'left')
   const r = createButton('tbltr', 'right')
   const s = createButton('tblts', 'side')
 
   toolBarLTContainer.appendChild(l)
   toolBarLTContainer.appendChild(r)
   toolBarLTContainer.appendChild(s)
-  toolBarLTContainer.className = 'lt'
+  toolBarLTContainer.className = 'mind-elixir-toolbar lt'
   l.onclick = () => {
     mind.initLeft()
   }