Fix CSS issues

This re-adds some of the CSS3 properties
This commit is contained in:
r 2020-09-27 06:54:50 +00:00
parent 8dbea3731f
commit 0b8c41ca7c
3 changed files with 23 additions and 7 deletions

View file

@ -16,6 +16,7 @@
margin: 4px 0;
max-height: 600px;
overflow: auto;
word-wrap: anywhere;
}
.status-content p {
@ -31,6 +32,7 @@
max-width: 280px;
width: auto;
vertical-align: bottom;
object-fit: contain;
}
.status-media-container {
@ -46,6 +48,7 @@
height: 48px;
width: 48px;
vertical-align: top;
object-fit: contain;
}
.status {
@ -154,6 +157,10 @@
vertical-align: middle;
}
.notification-follow-container {
overflow: auto;
}
.notification-follow {
overflow: auto;
}
@ -222,6 +229,7 @@
height: 96px;
width: 96px;
vertical-align: top;
object-fit: contain;
}
.user-profile-decription {
@ -333,6 +341,7 @@ img.emoji {
height: 64px;
width: 64px;
vertical-align: middle;
object-fit: contain;
}
.user-info-img-container {
@ -356,10 +365,17 @@ img.emoji {
margin: 8px 0;
}
.user-list-item>div {
display: inline-block;
vertical-align: top;
margin: 0 4px 8px 0;
.user-list-item {
overflow: auto;
}
.user-list-profile-img {
float: left;
margin: 0 8px 8px 0;
}
.user-list-name {
overflow: auto;
}
#settings-form {

View file

@ -19,7 +19,7 @@
{{range .Notifications}}
<div class="notification-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
{{if eq .Type "follow"}}
<div>
<div class="notification-follow-container">
<div class="status-profile-img-container">
<a class="img-link" href="/user/{{.Account.ID}}">
<img class="status-profile-img" src="{{.Account.AvatarStatic}}" title="@{{.Account.Acct}}" alt="profile-avatar" height="48" />

View file

@ -2,12 +2,12 @@
<div class="user-list-container">
{{range .}}
<div class="user-list-item">
<div>
<div class="user-list-profile-img">
<a class="img-link" href="/user/{{.ID}}">
<img class="status-profile-img" src="{{.AvatarStatic}}" title="@{{.Acct}}" alt="avatar" height="48" />
</a>
</div>
<div>
<div class="user-list-name">
<div class="status-dname"> {{EmojiFilter .DisplayName .Emojis}} </div>
<a class="img-link" href="/user/{{.ID}}">
<div class="status-uname"> @{{.Acct}} </div>