Fix CSS issues
authorr <r@freesoftwareextremist.com>
Sun, 27 Sep 2020 06:54:50 +0000 (06:54 +0000)
committerr <r@freesoftwareextremist.com>
Sun, 27 Sep 2020 06:55:14 +0000 (06:55 +0000)
This re-adds some of the CSS3 properties

static/style.css
templates/notification.tmpl
templates/userlist.tmpl

index 501bf45be16bd6d155ee5df6d6fdba6e299b19ce..116cbc163682075fc7d7d1cb190e7bb055909a08 100644 (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 {
        vertical-align: middle;
 }
 
+.notification-follow-container {
+       overflow: auto;
+}
+
 .notification-follow {
        overflow: auto;
 }
        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 {
index b138a40fb2a012172a2a34b9bdff15a856ad02c3..6973fa51bcdd42c77b5cc54397128a2cc4f602ff 100644 (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" />
index 52ef83ec958756f5e1d4d0e46974151d637dc47b..ec8884d5389be44b910596fb73f20dce5705e865 100644 (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>