Remove mz- class prefixes

adlawson · Jan 16, 2017 · 7cae3eb · 7cae3eb
1 parent 37038e5
commit 7cae3eb
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/templates/toggle.dust b/templates/toggle.dust
@@ -1,4 +1,4 @@
-<a class="mz-btn mz-btn-small mz-btn-inverse tracklist-toggle-text" m-tooltip="Toggle tracklist" m-click="tracklistShown=!tracklistShown" ng-class="{'mz-btn-toggled': tracklistShown}">
+<a class="btn btn-small btn-inverse tracklist-toggle-text" m-tooltip="Toggle tracklist" m-click="tracklistShown=!tracklistShown" ng-class="{'btn-toggled': tracklistShown}">
     <svg class="" xmlns="http://www.w3.org/2000/svg" width="19px" height="14px" viewBox="0 0 19 14" version="1.1">
         <path class="st0" d="M6,2h12c0.6,0,1-0.4,1-1s-0.4-1-1-1H6C5.4,0,5,0.4,5,1S5.4,2,6,2z M18,12H6c-0.6,0-1,0.4-1,1s0.4,1,1,1h12
         c0.6,0,1-0.4,1-1S18.6,12,18,12z M1.5,0H1C0.4,0,0,0.4,0,1s0.4,1,1,1h0.5c0.6,0,1-0.4,1-1S2.1,0,1.5,0z M1.5,12H1c-0.6,0-1,0.4-1,1

diff --git a/templates/tracklist.dust b/templates/tracklist.dust
@@ -1,8 +1,8 @@
-<div class="mz-tracklist-wrap cloudcast-tracklist ng-hide" ng-show="!tracklistShown">
-    <div class="mz-inner-container">
-        <div class="mz-content">
+<div class="tracklist-wrap cloudcast-tracklist ng-hide" ng-show="!tracklistShown">
+    <div class="inner-container">
+        <div class="content">
             <h1>Tracklist</h1>
-            <ul class="mz-show-tracklist" ng-init="tracklistShown=false;audioLength={audio_length};sectionStartTimes=[]">
+            <ul class="show-tracklist" ng-init="tracklistShown=false;audioLength={audio_length};sectionStartTimes=[]">
                 {#sections}
                     <li ng-hide="juno.sections.length">
                         <em>{track_number}</em>

diff --git a/tracklist.js b/tracklist.js
@@ -24,7 +24,7 @@ function main() {
         fetchData(window.location, (data) => {
             const tracklistTemplate = require('./templates/tracklist')(dust); // Required by both new and legacy
             const empty = parent.querySelector('[ng-init]');
-            const toggleContainer = browser.querySelector('footer.mz-actions');
+            const toggleContainer = browser.querySelector('footer.actions');
             const moreButton = toggleContainer.querySelector('[ng-controller="DropdownCtrl"]');
             const existingButton = toggleContainer.querySelector('[m-click="tracklistShown=!tracklistShown"]');
             if (existingButton === null) { // If looking at your own mix
@@ -77,7 +77,7 @@ function toggleEvents(tracklistContainer, toggleContainer) {
         const show = button.querySelector('[ng-show="!tracklistShown"]');
         hide.classList.toggle('ng-hide');
         show.classList.toggle('ng-hide');
-        button.classList.toggle('mz-btn-toggled');
+        button.classList.toggle('btn-toggled');
         tracklist.classList.toggle('ng-hide');
     });
 }