level 2 collapse

src/components/settings_modal/settings_modal_user_content.js

@@ -73,6 +73,11 @@ const SettingsModalContent = {
       return useInterfaceStore().layoutType === 'mobile'
     }
   },
+  data () {
+    return {
+      navCollapsed: false
+    }
+  },
   methods: {
     onOpen () {
       const targetTab = useInterfaceStore().settingsModalTargetTab
@@ -90,9 +95,11 @@ const SettingsModalContent = {
       useInterfaceStore().clearSettingsModalTargetTab()
     },
     nestedTooBig () {
+      this.navCollapsed = false
       this.$refs.tabSwitcher.showNav()
     },
     nestedTooSmall () {
+      this.navCollapsed = true
       this.$refs.tabSwitcher.hideNav()
     }
   },

src/components/settings_modal/settings_modal_user_content.vue

@@ -13,6 +13,7 @@
     >
       <GeneralTab
         class="inner-tab -middle"
+        :parent-collapsed="navCollapsed"
         @too-small="() => nestedTooSmall()"
         @too-big="() => nestedTooBig()"
       />

src/components/settings_modal/tabs/general_tab.js

@@ -35,6 +35,12 @@ library.add(
 )
 
 const GeneralTab = {
+  props: {
+    parentCollapsed: {
+      required: true,
+      type: Boolean
+    }
+  },
   data () {
     return {
       subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({

src/components/settings_modal/tabs/general_tab.vue

@@ -3,6 +3,7 @@
     :label="$t('settings.general')"
     ref="tabSwitcher"
     class="settings_tab-switcher"
+    :parent-collapsed="parentCollapsed"
     @too-small="() => $emit('tooSmall')"
     @too-big="() => $emit('tooBig')"
   >