Просмотр исходного кода

style: show export name `reset` only when modified

tophf 4 лет назад
Родитель
Сommit
7762c56590
1 измененных файлов с 4 добавлено и 1 удалено
  1. 4 1
      src/options/views/tab-settings/vm-export.vue

+ 4 - 1
src/options/views/tab-settings/vm-export.vue

@@ -3,7 +3,7 @@
     <div class="flex flex-wrap center-items mr-1c">
       <button v-text="i18n('buttonExportData')" @click="handleExport" :disabled="exporting"/>
       <setting-text name="exportNameTemplate" ref="tpl" has-reset :has-save="false" :rows="1"
-                    class="tpl flex flex-1 center-items mr-1c"/>
+                    class="tpl flex flex-1 center-items ml-1c"/>
       <tooltip :content="i18n('msgDateFormatInfo', dateTokens)" placement="left">
         <a href="https://momentjs.com/docs/#/displaying/format/" target="_blank">
           <icon name="info"/>
@@ -182,6 +182,9 @@ async function exportData() {
       overflow: hidden;
       min-width: 10em;
     }
+    button[disabled] { // Hide a disabled `reset` button
+      display: none;
+    }
   }
 }
 </style>