Merge branch 'fixes-roundup4' into shigusegubu-themes3

src/App.scss

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

src/components/checkbox/checkbox.vue

@@ -85,6 +85,8 @@ export default {
     width: 1.2em;
     height: 1.2em;
     box-shadow: none;
+
+    --_shadow: var(--shadow);
   }
 
   &-indicator::before {
@@ -96,7 +98,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,6 +363,12 @@ 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,22 +334,26 @@
                 class="dropdown-menu"
                 role="menu"
               >
-                <button
+                <div
-                  v-if="!hideDraft || !disableDraft"
                   class="menu-item dropdown-item"
-                  role="menu"
-                  :disabled="!safeToSaveDraft && saveable"
                   :class="{ disabled: !safeToSaveDraft }"
-                  @click.prevent="saveDraft"
-                  @click="close"
                 >
-                  <template v-if="closeable">
+                  <button
-                    {{ $t('post_status.save_to_drafts_and_close_button') }}
+                    v-if="!hideDraft || !disableDraft"
-                  </template>
+                    class="main-button"
-                  <template v-else>
+                    role="menu"
-                    {{ $t('post_status.save_to_drafts_button') }}
+                    :disabled="!safeToSaveDraft"
-                  </template>
+                    @click.prevent="saveDraft"
-                </button>
+                    @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>
               </div>
             </template>
           </Popover>

src/components/settings_modal/tabs/general_tab.vue

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

src/panel.scss

@@ -2,6 +2,7 @@
 .panel {
   --__panel-background: var(--background);
   --__panel-backdrop-filter: var(--backdrop-filter);
+  --_shadow: var(--shadow);
 
   .tab-switcher .tabs {
     background: var(--__panel-background);
@@ -29,7 +30,7 @@
     left: 0;
     right: 0;
     z-index: 5;
-    box-shadow: var(--shadow);
+    box-shadow: var(--_shadow);
     pointer-events: none;
   }
 }
@@ -154,11 +155,13 @@
     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,7 +567,13 @@ export const init = ({
       if (!liteMode && combination.state.indexOf('hover') >= 0) {
         combination.lazy = true
       }
-      if (extraCompileComponents.has(component.name)) {
+
+      if (
+        parent?.component !== 'Root' &&
+          !virtualComponents.has(component.name) &&
+          !transparentComponents.has(component.name) &&
+          extraCompileComponents.has(component.name)
+      ) {
         combination.lazy = true
       }