Merge pull request 'status component: Fix repeater name overflowing' (#383 ) from yukijoou/akkoma-fe:fix-status-usernames into develop

Reviewed-on: #383
status component: Fix repeater name overflowing
2024-06-25 21:34:15 +00:00 · 2024-05-18 01:25:15 +02:00
2 changed files with 23 additions and 8 deletions
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@ -266,6 +266,16 @@
      color: $fallback--cGreen;
      color: var(--cGreen, $fallback--cGreen);
    }
    .right-side {
      display: flex;
      align-items: center;
      gap: 0.3em;
    }
    .repeat-tooltip {
      flex-shrink: 0;
    }
  }
  .repeater-avatar {
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@ -83,7 +83,7 @@
          :user="statusoid.user"
        />
        <div class="right-side faint">
-          <span
+          <div
            class="status-username repeater-name"
            :title="retweeter"
          >
@ -100,14 +100,19 @@
              v-else
              :to="retweeterProfileLink"
            >{{ retweeter }}</router-link>
-          </span>
+          </div>
          {{ ' ' }}
-          <FAIcon
+
-            icon="retweet"
+          <div
-            class="repeat-icon"
+            class="repeat-tooltip"
-            :title="$t('tool_tip.repeat')"
+          >
-          />
+             <FAIcon
-          {{ $t('timeline.repeated') }}
+               icon="retweet"
               class="repeat-icon"
               :title="$t('tool_tip.repeat')"
             />
             {{ $t('timeline.repeated') }}
          </div>
        </div>
      </div>
Author	SHA1	Message	Date
floatingghost	4211e05a75	Merge pull request 'status component: Fix repeater name overflowing' (#383 ) from yukijoou/akkoma-fe:fix-status-usernames into develop All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: #383	2024-06-25 21:34:15 +00:00
Yuki Joou	8c49474dea	status component: Fix repeater name overflowing All checks were successful ci/woodpecker/pr/woodpecker Pipeline was successful Details If someone repeating a post had a long username, their username would overflow beyond the bounds of the post. This fixes this isse by turning the bar displaying the username and repeat icon into a flexbox.	2024-05-18 01:25:15 +02:00