Finish

Author: bhollis

config/i18n.json

@@ -1292,6 +1292,8 @@
     "Theme": "Theme",
     "Troubleshooting": "Troubleshooting",
     "VaultGroupingNone": "None",
+    "VaultUnder": "Show vaulted items under equipped items",
+    "RestoreVaultSide": "Show vaulted items in their own column",
     "WeaponFrame": "Weapon Frame",
     "WishlistRefreshNotificationBody": "If you do not see any updates, be sure the source (such as GitHub) reflects them!",
     "WishlistRefreshNotificationTitle": "Wishlists Reloaded"

src/app/inventory-page/DesktopStores.m.scss

@@ -42,7 +42,7 @@
 .vaultUnderButton {
   composes: singleCharacterButton;
 
-  font-size: 20px;
+  font-size: 18px;
 
   &.under > span {
     transform: rotate(90deg);

src/app/inventory-page/DesktopStores.tsx

@@ -99,11 +99,7 @@ export default function DesktopStores({ stores, buckets, singleCharacter }: Prop
               type="button"
               className={clsx(styles.vaultUnderButton, { [styles.under]: !vaultUnder })}
               onClick={toggleVaultUnder}
-              title={
-                singleCharacter
-                  ? t('Settings.ExpandSingleCharacter')
-                  : `${t('Settings.SingleCharacter')}: ${t('Settings.SingleCharacterExplanation')}`
-              }
+              title={!vaultUnder ? t('Settings.VaultUnder') : t('Settings.RestoreVaultSide')}
             >
               <AppIcon icon={vaultUnder ? levellingIcon : levelDownIcon} />
             </button>

src/app/item-feed/ItemFeedSidebar.m.scss

@@ -30,7 +30,7 @@
   right: 100%;
   color: var(--theme-text);
   padding: 4px 8px;
-  top: calc(-1 * var(--header-height));
+  top: 0;
   transform-origin: bottom right;
   white-space: nowrap;
   font-size: 16px;

src/app/settings/SettingsPage.tsx

@@ -375,6 +375,15 @@ export default function SettingsPage() {
               />
             </div>
 
+            <div className={styles.setting}>
+              <Checkbox
+                label={t('Settings.VaultUnder')}
+                name="vaultUnder"
+                value={settings.vaultUnder}
+                onChange={onCheckChange}
+              />
+            </div>
+
             <div className={styles.setting}>
               <label htmlFor="itemSort">{t('Settings.SetSort')}</label>
 

src/locale/en.json

@@ -1242,6 +1242,7 @@
     "MaxParallelCores": "Maximum cores for parallel tasks",
     "MaxParallelCoresExplanation": "Controls how many CPU cores DIM can use for intensive tasks like Loadout Optimizer and Loadout Analyzer. Higher values may improve performance but use more system resources.",
     "ResetToDefault": "Reset",
+    "RestoreVaultSide": "Show vaulted items in their own column",
     "ReverseSort": "Toggle forward/reverse sort",
     "SetSort": "Sort items by:",
     "SetVaultWeaponGrouping": "Group vault weapons by:",
@@ -1273,6 +1274,7 @@
     "Troubleshooting": "Troubleshooting",
     "VaultArmorGroupingStyle": "Separate armor on different lines by class",
     "VaultGroupingNone": "None",
+    "VaultUnder": "Show vaulted items under equipped items",
     "VaultWeaponGroupingStyle": "Separate weapon groups on different lines",
     "WeaponFrame": "Weapon Frame",
     "WishlistRefreshNotificationBody": "If you do not see any updates, be sure the source (such as GitHub) reflects them!",