[frontend] Fix #923 and markdown css (#925)

* fix url in CONTRIBUTING.md

* prevent img from overflow and allow to center the img

* fix #923 and guide browser to select entire username
This commit is contained in:
Mia Heidenstedt 2022-11-02 09:04:23 +01:00 committed by GitHub
parent 4a925e49b1
commit 29a71cf828
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 2 deletions

View file

@ -146,7 +146,7 @@ yarn run dev
The Pinafore instance will start running on `localhost:4002`.
To connect to the testrig, navigate to `https://localhost:4002` and enter your instance name as `localhost:8080`.
To connect to the testrig, navigate to `http://localhost:4002` and enter your instance name as `localhost:8080`.
At the login screen, enter the email address `zork@example.org` and password `password`. You will get a confirmation prompt. Accept, and you are logged in as Zork.

View file

@ -126,6 +126,7 @@ main {
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
user-select: all;
}
}

View file

@ -178,6 +178,14 @@ main {
-webkit-overflow-scrolling: touch;
}
}
img {
max-width: 100%;
margin: 5px auto;
}
img[alt~="!center"] {
display: block;
}
}
.emoji {

View file

@ -13,7 +13,7 @@
<div id="profile-basic-filler2"></div>
<a href="{{.account.Avatar}}" class="avatar"><img src="{{.account.Avatar}}" alt="{{if .account.DisplayName}}{{.account.DisplayName}}{{else}}{{.account.Username}}{{end}}'s avatar"></a>
<div class="displayname">{{if .account.DisplayName}}{{emojify .account.Emojis (escape .account.DisplayName)}}{{else}}{{.account.Username}}{{end}}</div>
<div class="username"><span>@{{.account.Username}}</span><span>@{{.instance.AccountDomain}}</span></div>
<div class="username">@{{.account.Username}}@{{.instance.AccountDomain}}</div>
</div>
<div class="detailed">
<div class="bio">