ソースを参照

fix popup collapse icons

Gerald 8 年 前
コミット
573fc75127
2 ファイル変更9 行追加4 行削除
  1. 6 1
      src/popup/style.css
  2. 3 3
      src/popup/views/app/index.html

+ 6 - 1
src/popup/style.css

@@ -63,7 +63,12 @@ svg path {
     > .submenu {
     > .submenu {
       display: none;
       display: none;
     }
     }
-    > .menu-item > .icon-right {
+    .icon-collapse {
+      transform: none;
+    }
+  }
+  &:not(.collapse) {
+    > .menu-item > .icon-collapse {
       transform: rotateZ(90deg);
       transform: rotateZ(90deg);
     }
     }
   }
   }

+ 3 - 3
src/popup/views/app/index.html

@@ -15,7 +15,7 @@
   <div class="menu menu-domains" v-show="domains.length" :class="{collapse:activeMenu!=='domains'}">
   <div class="menu menu-domains" v-show="domains.length" :class="{collapse:activeMenu!=='domains'}">
     <div class="menu-item" @click="toggleMenu('domains')">
     <div class="menu-item" @click="toggleMenu('domains')">
       <icon name="search"></icon>
       <icon name="search"></icon>
-      <icon name="more" class="icon-right"></icon>
+      <icon name="more" class="icon-right icon-collapse"></icon>
       <span v-text="i18n('menuFindScripts')"></span>
       <span v-text="i18n('menuFindScripts')"></span>
     </div>
     </div>
     <div class="submenu">
     <div class="submenu">
@@ -26,7 +26,7 @@
   </div>
   </div>
   <div class="menu menu-commands" v-show="commands.length" :class="{collapse:activeMenu!=='commands'}">
   <div class="menu menu-commands" v-show="commands.length" :class="{collapse:activeMenu!=='commands'}">
     <div class="menu-item" @click="toggleMenu('commands')">
     <div class="menu-item" @click="toggleMenu('commands')">
-      <icon name="more" class="icon-right"></icon>
+      <icon name="more" class="icon-right icon-collapse"></icon>
       <span v-text="i18n('menuCommands')"></span>
       <span v-text="i18n('menuCommands')"></span>
     </div>
     </div>
     <div class="submenu">
     <div class="submenu">
@@ -37,7 +37,7 @@
   </div>
   </div>
   <div class="menu menu-scripts" v-show="scripts.length" :class="{collapse:activeMenu!=='scripts'}">
   <div class="menu menu-scripts" v-show="scripts.length" :class="{collapse:activeMenu!=='scripts'}">
     <div class="menu-item" @click="toggleMenu('scripts')">
     <div class="menu-item" @click="toggleMenu('scripts')">
-      <icon name="more" class="icon-right"></icon>
+      <icon name="more" class="icon-right icon-collapse"></icon>
       <span v-text="i18n('menuMatchedScripts')"></span>
       <span v-text="i18n('menuMatchedScripts')"></span>
     </div>
     </div>
     <div class="submenu">
     <div class="submenu">