mobile-newline #226

Merged
floatingghost merged 3 commits from Beefox/fox-fe:mobile-newline into develop 2022-11-21 16:49:19 +00:00
3 changed files with 25 additions and 13 deletions

1
.gitignore vendored
View File

@ -9,3 +9,4 @@ selenium-debug.log
config/local.json
config/local.*.json
docs/site/
.vscode/

View File

@ -130,6 +130,13 @@
.heading-left {
display: flex;
min-width: 0;
flex-wrap: wrap;
img {
aspect-ratio: 1 / 1;
}
.nowrap{
white-space: nowrap;
}
}
.heading-right {
@ -140,6 +147,8 @@
padding: 5px;
margin: -5px;
height: min-content;
&:hover svg {
color: $fallback--lightText;
color: var(--lightText, $fallback--lightText);

View File

@ -166,19 +166,21 @@
>
{{ status.user.name }}
</h4>
<router-link
class="account-name"
:title="status.user.screen_name_ui"
:to="userProfileLink"
>
{{ status.user.screen_name_ui }}
</router-link>
<img
v-if="!!(status.user && status.user.favicon)"
class="status-favicon"
:src="status.user.favicon"
:title="faviconAlt(status)"
>
<span class="nowrap">
<router-link
class="account-name"
:title="status.user.screen_name_ui"
:to="userProfileLink"
>
@{{ status.user.screen_name_ui }}
</router-link>
<img
v-if="!!(status.user && status.user.favicon)"
class="status-favicon"
:src="status.user.favicon"
:title="faviconAlt(status)"
>
</span>
</div>
<span class="heading-right">