From 3294df0325886893f0b2c359cf721e661a233197 Mon Sep 17 00:00:00 2001
From: Pleroma User <66706-pleromian@users.noreply.git.pleroma.social>
Date: Sun, 27 Jul 2025 17:28:21 +0000
Subject: [PATCH] Lint some things

---
 .stylelintrc.json                             |  2 ++
 changelog.d/linter.skip                       |  0
 src/App.scss                                  |  2 +-
 src/components/block_card/block_card.vue      |  7 ++--
 src/components/emoji_picker/emoji_picker.scss |  2 ++
 src/components/gallery/gallery.vue            |  2 ++
 src/components/mute_card/mute_card.vue        |  7 ++--
 .../settings_modal/tabs/filtering_tab.vue     |  4 +--
 .../settings_modal/tabs/general_tab.vue       |  5 ++-
 .../action_button_container.vue               |  2 +-
 src/components/status_body/status_body.scss   |  4 +++
 src/components/user_card/user_card.scss       |  2 ++
 .../user_timed_filter_modal.vue               | 33 +++++++++++++++----
 13 files changed, 56 insertions(+), 16 deletions(-)
 create mode 100644 changelog.d/linter.skip

diff --git a/.stylelintrc.json b/.stylelintrc.json
index c91107595..afdfd5f5b 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -12,6 +12,8 @@
     "custom-property-pattern": null,
     "keyframes-name-pattern": null,
     "scss/operator-no-newline-after": null,
+    "declaration-property-value-no-unknown": true,
+    "scss/declaration-property-value-no-unknown": true,
     "declaration-block-no-redundant-longhand-properties": [
       true,
       {
diff --git a/changelog.d/linter.skip b/changelog.d/linter.skip
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/App.scss b/src/App.scss
index d56306c9e..59995664c 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1075,7 +1075,7 @@ option {
         scale: 1.0063 0.9938;
         translate: 0 -10%;
         transform: rotateZ(var(--defaultZ));
-        animation-timing-function: ease-in-ou;
+        animation-timing-function: ease-in-out;
       }
 
       90% {
diff --git a/src/components/block_card/block_card.vue b/src/components/block_card/block_card.vue
index 9f64a8e8c..90b9a2b16 100644
--- a/src/components/block_card/block_card.vue
+++ b/src/components/block_card/block_card.vue
@@ -1,7 +1,10 @@
 <template>
   <basic-user-card :user="user">
     <div class="block-card-content-container">
-      <span v-if="blocked && blockExpiryAvailable" class="alert neutral">
+      <span
+        v-if="blocked && blockExpiryAvailable"
+        class="alert neutral"
+      >
         {{ blockExpiry }}
       </span>
       {{ ' ' }}
@@ -22,9 +25,9 @@
     </div>
     <teleport to="#modal">
       <UserTimedFilterModal
+        ref="timedBlockDialog"
         :user="user"
         :is-mute="false"
-        ref="timedBlockDialog"
       />
     </teleport>
   </basic-user-card>
diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss
index 05600c790..e318cdb40 100644
--- a/src/components/emoji_picker/emoji_picker.scss
+++ b/src/components/emoji_picker/emoji_picker.scss
@@ -154,10 +154,12 @@
       // Autoprefixed seem to ignore this one, and also syntax is different
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
       /* stylelint-enable declaration-property-value-no-unknown */
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
 
diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue
index 6043e64e9..7209e9144 100644
--- a/src/components/gallery/gallery.vue
+++ b/src/components/gallery/gallery.vue
@@ -159,9 +159,11 @@
       /* Autoprefixed seem to ignore this one, and also syntax is different */
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
diff --git a/src/components/mute_card/mute_card.vue b/src/components/mute_card/mute_card.vue
index 60638d3ba..83520dc22 100644
--- a/src/components/mute_card/mute_card.vue
+++ b/src/components/mute_card/mute_card.vue
@@ -1,7 +1,10 @@
 <template>
   <basic-user-card :user="user">
     <div class="mute-card-content-container">
-      <span v-if="muted && muteExpiryAvailable" class="alert neutral">
+      <span
+        v-if="muted && muteExpiryAvailable"
+        class="alert neutral"
+      >
         {{ muteExpiry }}
       </span>
       {{ ' ' }}
@@ -22,9 +25,9 @@
     </div>
     <teleport to="#modal">
       <UserTimedFilterModal
+        ref="timedMuteDialog"
         :user="user"
         :is-mute="true"
-        ref="timedMuteDialog"
       />
     </teleport>
   </basic-user-card>
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index 2b05d1906..a699653f0 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -95,8 +95,8 @@
             </option>
           </Select>
           <ul
-            class="setting-list suboptions"
             v-if="onMuteDefaultActionLv1 === 'temporarily'"
+            class="setting-list suboptions"
           >
             <li>
               <UnitSetting
@@ -125,8 +125,8 @@
             </option>
           </Select>
           <ul
-            class="setting-list suboptions"
             v-if="onBlockDefaultActionLv1 === 'temporarily'"
+            class="setting-list suboptions"
           >
             <li>
               <UnitSetting
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 40d40bc3e..de8209e26 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -107,7 +107,10 @@
               </BooleanSetting>
             </li>
             <li>
-              <BooleanSetting v-if="!blockExpirationSupported" path="modalOnBlock">
+              <BooleanSetting
+                v-if="!blockExpirationSupported"
+                path="modalOnBlock"
+              >
                 {{ $t('settings.confirm_dialogs_block') }}
               </BooleanSetting>
             </li>
diff --git a/src/components/status_action_buttons/action_button_container.vue b/src/components/status_action_buttons/action_button_container.vue
index 75f5010ee..b7ff10f3c 100644
--- a/src/components/status_action_buttons/action_button_container.vue
+++ b/src/components/status_action_buttons/action_button_container.vue
@@ -95,9 +95,9 @@
         :user="user"
       />
       <UserTimedFilterModal
+        ref="confirmUser"
         :is-mute="true"
         :user="user"
-        ref="confirmUser"
       />
     </teleport>
   </div>
diff --git a/src/components/status_body/status_body.scss b/src/components/status_body/status_body.scss
index f89ea8d89..a8a7d662a 100644
--- a/src/components/status_body/status_body.scss
+++ b/src/components/status_body/status_body.scss
@@ -73,9 +73,11 @@
         /* Autoprefixed seem to ignore this one, and also syntax is different */
         /* stylelint-disable mask-composite */
         /* stylelint-disable declaration-property-value-no-unknown */
+        /* stylelint-disable scss/declaration-property-value-no-unknown */
 
         /* TODO check if this is still needed */
         mask-composite: xor;
+        /* stylelint-enable scss/declaration-property-value-no-unknown */
         /* stylelint-enable declaration-property-value-no-unknown */
         /* stylelint-enable mask-composite */
         mask-composite: exclude;
@@ -156,9 +158,11 @@
       /* Autoprefixed seem to ignore this one, and also syntax is different */
       /* stylelint-disable mask-composite */
       /* stylelint-disable declaration-property-value-no-unknown */
+      /* stylelint-disable scss/declaration-property-value-no-unknown */
 
       /* TODO check if this is still needed */
       mask-composite: xor;
+      /* stylelint-enable scss/declaration-property-value-no-unknown */
       /* stylelint-enable declaration-property-value-no-unknown */
       /* stylelint-enable mask-composite */
       mask-composite: exclude;
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 418bef08b..83b02fbc5 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -33,9 +33,11 @@
     // Autoprefixer seem to ignore this one, and also syntax is different
     /* stylelint-disable mask-composite */
     /* stylelint-disable declaration-property-value-no-unknown */
+    /* stylelint-disable scss/declaration-property-value-no-unknown */
 
     /* TODO check if this is still needed */
     mask-composite: xor;
+    /* stylelint-enable scss/declaration-property-value-no-unknown */
     /* stylelint-enable declaration-property-value-no-unknown */
     /* stylelint-enable mask-composite */
     mask-composite: exclude;
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
index 8fcf6eed8..91c05ad77 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -8,17 +8,16 @@
     @accepted="accept"
     @cancelled="cancel"
   >
-
     <p>
       {{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
     </p>
     <p>
-    {{ $t('user_card.expire_in') }}
+      {{ $t('user_card.expire_in') }}
       <input
         id="userFilterExpires"
+        v-model="expiration"
         class="input input-expire-in"
         :class="{ disabled: forever }"
-        v-model="expiration"
         :disabled="forever"
         min="1"
         type="number"
@@ -29,10 +28,30 @@
         class="input unit-input unstyled"
         :disabled="forever"
       >
-        <option key="s" value="s"> {{ $t('time.unit.seconds_suffix') }} </option>
-        <option key="m" value="m"> {{ $t('time.unit.minutes_suffix') }} </option>
-        <option key="h" value="h"> {{ $t('time.unit.hours_suffix') }} </option>
-        <option key="d" value="d"> {{ $t('time.unit.days_suffix') }} </option>
+        <option
+          key="s"
+          value="s"
+        >
+          {{ $t('time.unit.seconds_suffix') }}
+        </option>
+        <option
+          key="m"
+          value="m"
+        >
+          {{ $t('time.unit.minutes_suffix') }}
+        </option>
+        <option
+          key="h"
+          value="h"
+        >
+          {{ $t('time.unit.hours_suffix') }}
+        </option>
+        <option
+          key="d"
+          value="d"
+        >
+          {{ $t('time.unit.days_suffix') }}
+        </option>
       </Select>
 
       {{ $t('user_card.mute_or') }}