Fix overflow behavior of account rows (#25131)

2023-06-01 14:47:55 +02:00
parent 8884d1ece0
commit 5fae2de454
2 changed files with 23 additions and 4 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -7814,13 +7814,28 @@ noscript {
  }
 }

+.account__contents {
+  overflow: hidden;
+}
+
+.account__details {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 1em;
+}
+
 .verified-badge {
  display: inline-flex;
  align-items: center;
  color: $valid-value-color;
  gap: 4px;
  overflow: hidden;
-  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  > span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }

  a {
    color: inherit;