fix some visual bugs

* dates were wrapping with CWs
* sometimes the author's name wasn't showing up
* CWs were spaced weird with the author block
This commit is contained in:
fenwick67 2020-04-04 13:21:47 -04:00
parent c3b65d291e
commit 118b92f6b6
5 changed files with 19 additions and 9 deletions

View File

@ -195,7 +195,7 @@ async function itemsForFeed(opts,user,feed) {
author:{ author:{
uri:op.url,// link to author page uri:op.url,// link to author page
avatar:op.icon&&op.icon.url?op.icon.url:'', avatar:op.icon&&op.icon.url?op.icon.url:'',
displayName:op.name, displayName:op.name || op.preferredUsername,
fullName:op.preferredUsername+'@'+(new URL(op.url).hostname), fullName:op.preferredUsername+'@'+(new URL(op.url).hostname),
} }
} }

View File

@ -66,7 +66,8 @@ a * {
.date { .date {
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
text-decoration: none; } text-decoration: none;
display: block; }
.date:hover { .date:hover {
text-decoration: underline; } text-decoration: underline; }
@ -75,7 +76,8 @@ a * {
margin-bottom: 0.7rem; } margin-bottom: 0.7rem; }
.author { .author {
display: flex; } display: flex;
margin-bottom: 1rem; }
.author-info { .author-info {
margin: 0 1rem; margin: 0 1rem;
@ -227,13 +229,15 @@ body {
font-size: 0.9rem; } font-size: 0.9rem; }
.date { .date {
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
text-decoration: none; } text-decoration: none;
display: block; }
.date:hover { .date:hover {
text-decoration: underline; } text-decoration: underline; }
.item-title { .item-title {
margin-bottom: 0.7rem; } margin-bottom: 0.7rem; }
.author { .author {
display: flex; } display: flex;
margin-bottom: 1rem; }
.author-info { .author-info {
margin: 0 1rem; margin: 0 1rem;
display: flex; display: flex;

View File

@ -66,7 +66,8 @@ a * {
.date { .date {
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
text-decoration: none; } text-decoration: none;
display: block; }
.date:hover { .date:hover {
text-decoration: underline; } text-decoration: underline; }
@ -75,7 +76,8 @@ a * {
margin-bottom: 0.7rem; } margin-bottom: 0.7rem; }
.author { .author {
display: flex; } display: flex;
margin-bottom: 1rem; }
.author-info { .author-info {
margin: 0 1rem; margin: 0 1rem;

View File

@ -66,7 +66,8 @@ a * {
.date { .date {
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
text-decoration: none; } text-decoration: none;
display: block; }
.date:hover { .date:hover {
text-decoration: underline; } text-decoration: underline; }
@ -75,7 +76,8 @@ a * {
margin-bottom: 0.7rem; } margin-bottom: 0.7rem; }
.author { .author {
display: flex; } display: flex;
margin-bottom: 1rem; }
.author-info { .author-info {
margin: 0 1rem; margin: 0 1rem;

View File

@ -89,6 +89,7 @@ a * {
.date{ .date{
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
text-decoration: none; text-decoration: none;
display:block;
} }
.date:hover{ .date:hover{
text-decoration: underline; text-decoration: underline;
@ -99,6 +100,7 @@ a * {
.author { .author {
display: flex; display: flex;
margin-bottom: 1rem;
} }
.author-info { .author-info {