status component: Fix repeater name overflowing #383
2 changed files with 23 additions and 8 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
class="repeat-icon"
|
||||
:title="$t('tool_tip.repeat')"
|
||||
/>
|
||||
{{ $t('timeline.repeated') }}
|
||||
|
||||
<div
|
||||
class="repeat-tooltip"
|
||||
>
|
||||
<FAIcon
|
||||
icon="retweet"
|
||||
class="repeat-icon"
|
||||
:title="$t('tool_tip.repeat')"
|
||||
/>
|
||||
|
yukijoou marked this conversation as resolved
Outdated
|
||||
{{ $t('timeline.repeated') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue
This only includes the actual “repeated” text into the
flex-shrink: 0;section. Testing the change shows the icon doesn’t get hidden regardless. Do you think it’d make sense to still include the icon into theflex-shrink: 0;section anyway to better communicate the desired output (not hiding the icon)?indeed, seems like this would be cleaner!