src/App.scss

@@ -498,6 +498,8 @@ nav {
   box-sizing: content-box;
   color: inherit;
 
+  --shadow: none;
+
   &.-link {
     /* stylelint-disable-next-line declaration-no-important */
     color: var(--link) !important;
@@ -1094,8 +1096,3 @@ option {
     }
   }
 }
-
-@property --shadow {
-  syntax: "*";
-  inherits: false;
-}

src/components/checkbox/checkbox.vue

@@ -85,8 +85,6 @@ export default {
     width: 1.2em;
     height: 1.2em;
     box-shadow: none;
-
-    --_shadow: var(--shadow);
   }
 
   &-indicator::before {
@@ -98,7 +96,7 @@ export default {
     width: 1.1em;
     height: 1.1em;
     border-radius: var(--roundness);
-    box-shadow: var(--_shadow);
+    box-shadow: var(--shadow);
     background-color: var(--background);
     vertical-align: top;
     text-align: center;

src/components/post_status_form/post_status_form.js

@@ -363,12 +363,6 @@ const PostStatusForm = {
       }
     },
     safeToSaveDraft () {
-      console.log('safe', (
-        this.newStatus.status ||
-        this.newStatus.spoilerText ||
-        this.newStatus.files?.length ||
-        this.newStatus.hasPoll
-      ) && this.saveable)
       return (
         this.newStatus.status ||
         this.newStatus.spoilerText ||

src/components/post_status_form/post_status_form.vue

@@ -334,26 +334,22 @@
                 class="dropdown-menu"
                 role="menu"
               >
-                <div
+                <button
+                  v-if="!hideDraft || !disableDraft"
                   class="menu-item dropdown-item"
+                  role="menu"
+                  :disabled="!safeToSaveDraft && saveable"
                   :class="{ disabled: !safeToSaveDraft }"
+                  @click.prevent="saveDraft"
+                  @click="close"
                 >
-                  <button
-                    v-if="!hideDraft || !disableDraft"
-                    class="main-button"
-                    role="menu"
-                    :disabled="!safeToSaveDraft"
-                    @click.prevent="saveDraft"
-                    @click="close"
-                  >
-                    <template v-if="closeable">
-                      {{ $t('post_status.save_to_drafts_and_close_button') }}
-                    </template>
-                    <template v-else>
-                      {{ $t('post_status.save_to_drafts_button') }}
-                    </template>
-                  </button>
-                </div>
+                  <template v-if="closeable">
+                    {{ $t('post_status.save_to_drafts_and_close_button') }}
+                  </template>
+                  <template v-else>
+                    {{ $t('post_status.save_to_drafts_button') }}
+                  </template>
+                </button>
               </div>
             </template>
           </Popover>

src/components/settings_modal/tabs/general_tab.vue

@@ -269,17 +269,14 @@
             {{ $t('settings.image_compression') }}
           </BooleanSetting>
         </li>
-        <ul class="setting-list suboptions">
-          <li>
-            <BooleanSetting
-              path="alwaysUseJpeg"
-              expert="1"
-              parent-path="imageCompression"
-            >
-              {{ $t('settings.always_use_jpeg') }}
-            </BooleanSetting>
-          </li>
-        </ul>
+        <li>
+          <BooleanSetting
+            path="alwaysUseJpeg"
+            expert="1"
+          >
+            {{ $t('settings.always_use_jpeg') }}
+          </BooleanSetting>
+        </li>
         <li>
           <BooleanSetting
             path="useContainFit"

src/panel.scss

@@ -2,7 +2,6 @@
 .panel {
   --__panel-background: var(--background);
   --__panel-backdrop-filter: var(--backdrop-filter);
-  --_shadow: var(--shadow);
 
   .tab-switcher .tabs {
     background: var(--__panel-background);
@@ -30,7 +29,7 @@
     left: 0;
     right: 0;
     z-index: 5;
-    box-shadow: var(--_shadow);
+    box-shadow: var(--shadow);
     pointer-events: none;
   }
 }
@@ -155,13 +154,11 @@
     linear-gradient(to bottom, var(--background), var(--background)),
     linear-gradient(to bottom, var(--__panel-background), var(--__panel-background));
 
-  --_shadow: var(--shadow);
-
   &::after {
     background-color: var(--background);
     z-index: -2;
     border-radius: var(--roundness) var(--roundness) 0 0;
-    box-shadow: var(--_shadow);
+    box-shadow: var(--shadow);
   }
 
   &:not(.-flexible-height) {

src/services/theme_data/theme_data_3.service.js

@@ -567,13 +567,7 @@ export const init = ({
       if (!liteMode && combination.state.indexOf('hover') >= 0) {
         combination.lazy = true
       }
-
-      if (
-        parent?.component !== 'Root' &&
-          !virtualComponents.has(component.name) &&
-          !transparentComponents.has(component.name) &&
-          extraCompileComponents.has(component.name)
-      ) {
+      if (extraCompileComponents.has(component.name)) {
         combination.lazy = true
       }