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

View File

@ -19,7 +19,7 @@
{{range .Notifications}} {{range .Notifications}}
<div class="notification-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}"> <div class="notification-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
{{if eq .Type "follow"}} {{if eq .Type "follow"}}
<div> <div class="notification-follow-container">
<div class="status-profile-img-container"> <div class="status-profile-img-container">
<a class="img-link" href="/user/{{.Account.ID}}"> <a class="img-link" href="/user/{{.Account.ID}}">
<img class="status-profile-img" src="{{.Account.AvatarStatic}}" title="@{{.Account.Acct}}" alt="profile-avatar" height="48" /> <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"> <div class="user-list-container">
{{range .}} {{range .}}
<div class="user-list-item"> <div class="user-list-item">
<div> <div class="user-list-profile-img">
<a class="img-link" href="/user/{{.ID}}"> <a class="img-link" href="/user/{{.ID}}">
<img class="status-profile-img" src="{{.AvatarStatic}}" title="@{{.Acct}}" alt="avatar" height="48" /> <img class="status-profile-img" src="{{.AvatarStatic}}" title="@{{.Acct}}" alt="avatar" height="48" />
</a> </a>
</div> </div>
<div> <div class="user-list-name">
<div class="status-dname"> {{EmojiFilter .DisplayName .Emojis}} </div> <div class="status-dname"> {{EmojiFilter .DisplayName .Emojis}} </div>
<a class="img-link" href="/user/{{.ID}}"> <a class="img-link" href="/user/{{.ID}}">
<div class="status-uname"> @{{.Acct}} </div> <div class="status-uname"> @{{.Acct}} </div>