Merge pull request #262 from JunoLab/sp/betterbuttons

allow svg in buttons

Author: pfitzseb

lib/debugger/toolbar.js

@@ -16,10 +16,14 @@ export class DebuggerToolbar {
     this.view.appendChild(group)
   }
 
-  buttonView ({icon, text, tooltip, command, color}) {
+  buttonView ({icon, text, tooltip, command, color, svg}) {
     let btn = document.createElement('button')
     btn.classList.add('btn', 'ink-btn-variable-width')
     if (text) btn.innerText = text
+    if (svg) {
+      btn.innerHTML = svg
+      btn.classList.add(`custom-svg-icon`)
+    }
     if (icon) btn.classList.add(`icon-${icon}`)
     if (color) btn.classList.add(`btn-color-${color}`)
     btn.onclick = () => atom.commands.dispatch(atom.views.getView(atom.workspace), command)

styles/debugger.less

@@ -5,6 +5,10 @@
   background: @syntax-background-color;
   color: @syntax-text-color;
 
+  button::before {
+    line-height: inherit!important;
+  }
+
   hr {
     border-top: 1px solid @base-border-color;
   }