settings: Abstract static style parameters to CSS class

dovecot · Oct 2, 2024 · e892288 · e892288
1 parent 03da79c
commit e892288
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/components/SettingsComponent.vue b/components/SettingsComponent.vue
@@ -53,6 +53,9 @@ const d = Object.fromEntries(Object.entries(data).filter(([k, v]) =>
   margin-top: 18px;
   padding-top: 18px;
 }
+.settingsList .rightAlign {
+  text-align: right;
+}
 .settingsListTable :deep(ul) {
   margin: 0;
 }
@@ -73,38 +76,38 @@ const d = Object.fromEntries(Object.entries(data).filter(([k, v]) =>
    <table class="settingsListTable">
     <tbody>
      <tr>
-      <th style="text-align:right;">Default</th>
+      <th class="rightAlign">Default</th>
       <td>
        <span v-if="v.default" v-html="v.default" />
        <em v-else>[None]</em>
       </td>
      </tr>
      <tr>
-      <th style="text-align:right;">Value</th>
+      <th class="rightAlign">Value</th>
       <td>
        <span class="comma" v-for="v in v.values" v-html="v.url" />
       </td>
      </tr>
      <tr v-if="v.values_enum.length">
-      <th style="text-align:right;">Allowed Values</th>
+      <th class="rightAlign">Allowed Values</th>
       <td>
        <span class="comma" v-for="v in v.values_enum.values()"><code>{{ v }}</code></span>
       </td>
      </tr>
      <tr v-if="v.seealso.length">
-      <th style="text-align:right;">See Also</th>
+      <th class="rightAlign">See Also</th>
       <td>
        <ul>
         <li v-for="v in v.seealso" v-html="v" />
        </ul>
       </td>
      </tr>
      <tr v-if="props.show_plugin && v.plugin">
-      <th style="text-align:right;">Plugin</th>
+      <th class="rightAlign">Plugin</th>
       <td v-html="v.plugin_link" />
      </tr>
      <tr v-if="v.added || v.changed || v.deprecated || v.removed">
-      <th style="text-align:right;">Changes</th>
+      <th class="rightAlign">Changes</th>
       <td>
        <ul class="badgePadding">
         <li v-if="v.added" v-for="elem in v.added">