allow customCSS to reorder/hide disabled scripts in popup (#614)

* allow customCSS to reorder/hide disabled scripts in popup

* fixup! allow customCSS to reorder/hide disabled scripts in popup

src/popup/style.css

@@ -37,7 +37,7 @@ footer {
     background: cornflowerblue;
     color: white;
   }
-  &.disabled {
+  .disabled > & {
     color: gray;
     &:hover {
       color: silver;

src/popup/views/app.vue

@@ -53,11 +53,11 @@
         <div
           v-for="(item, index) in scripts"
           :key="index"
+          :class="{ disabled: !item.data.config.enabled }"
           @mouseenter="message = item.name"
           @mouseleave="message = ''">
           <div
             class="menu-item menu-area"
-            :class="{ disabled: !item.data.config.enabled }"
             @click="onToggleScript(item)">
             <icon :name="getSymbolCheck(item.data.config.enabled)"></icon>
             <div class="flex-auto ellipsis" v-text="item.name" />