[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`. 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. 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; word-break: break-all;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
user-select: all;
} }
} }

View file

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

View file

@ -13,7 +13,7 @@
<div id="profile-basic-filler2"></div> <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> <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="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>
<div class="detailed"> <div class="detailed">
<div class="bio"> <div class="bio">