Merge branch 'more-fixes' into shigusegubu-themes3

src/App.scss

@@ -148,9 +148,15 @@ code {
   background: var(--bg);
   border: 1px solid var(--fg);
   border-radius: var(--roundness);
-  margin: 0.2em;
   padding: 0 0.2em;
 
+  & pre,
+  pre & {
+    display: block;
+    overflow-x: auto;
+    padding: 0.2em;
+  }
+
   &.pre {
     white-space: pre;
     display: block;

src/components/basic_user_card/basic_user_card.vue

@@ -54,7 +54,8 @@
 <style lang="scss">
 .basic-user-card {
   display: flex;
-  flex: 1 0;
+  flex: 1 1 10em;
+  min-width: 1em;
   margin: 0;
   line-height: 1.25;
 

src/components/mobile_nav/mobile_nav.js

@@ -152,9 +152,6 @@ const MobileNav = {
     },
     onScroll({ target: { scrollTop, clientHeight, scrollHeight } }) {
       this.notificationsAtTop = scrollTop > 0
-      if (scrollTop + clientHeight >= scrollHeight) {
-        this.$refs.notifications.fetchOlderNotifications()
-      }
     },
   },
   watch: {

src/components/mobile_nav/mobile_nav.vue

@@ -94,6 +94,7 @@
           />
         </button>
       </div>
+      <!-- Notifications teleport target -->
       <div
         id="mobile-notifications"
         ref="mobileNotifications"

src/components/settings_modal/admin_tabs/admin_user_card.scss

@@ -1,4 +1,19 @@
 .AdminUserCard {
+  details {
+    white-space: normal;
+
+    summary {
+      font-weight: bold;
+    }
+
+    span {
+      display: block;
+      max-height: 6.5em;
+      overflow-y: auto;
+      resize: vertical;
+    }
+  }
+
   .right-side {
     align-items: baseline;
     justify-content: end;

src/modules/statuses.js

@@ -883,7 +883,7 @@ const statuses = {
           'addNewUsers',
           data.statuses.map((s) => s.user).filter((u) => u),
         )
-        data.statuses = store.commit('addNewStatuses', {
+        data.statuses = store.dispatch('addNewStatuses', {
           statuses: data.statuses,
         })
         return data