Profile header style

main
Bob Mottram 2020-11-12 23:10:25 +00:00
parent 0560878c2c
commit 77d7ee0b19
2 changed files with 6 additions and 7 deletions

View File

@ -256,8 +256,6 @@ a:focus {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin: 10px; margin: 10px;
min-width: 230px;
max-width: 315px;
width: 100%; width: 100%;
color: #ffffff; color: #ffffff;
text-align: left; text-align: left;
@ -271,7 +269,7 @@ a:focus {
bottom: 100%; bottom: 100%;
left: 25px; left: 25px;
z-index: 1; z-index: 1;
max-width: 90px; max-width: 20%;
opacity: 1; opacity: 1;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
} }
@ -283,10 +281,10 @@ a:focus {
transition: all 0.25s ease; transition: all 0.25s ease;
} }
.profileHeader img { .profileHeader img.profileBackground {
max-width: 100%; width: 100%;
height: 20vw;
vertical-align: top; vertical-align: top;
opacity: 0.85;
} }
.profileHeader figcaption { .profileHeader figcaption {

View File

@ -284,7 +284,8 @@ def getProfileHeader(baseDir: str, nickname: str, domain: str,
htmlStr += ' <a href="/users/' + \ htmlStr += ' <a href="/users/' + \
nickname + '/' + defaultTimeline + '" title="' + \ nickname + '/' + defaultTimeline + '" title="' + \
translate['Switch to timeline view'] + '">\n' translate['Switch to timeline view'] + '">\n'
htmlStr += ' <img src="/users/' + nickname + '/image.png" /></a>\n' htmlStr += ' <img class="profileBackground" ' + \
'src="/users/' + nickname + '/image.png" /></a>\n'
htmlStr += ' <figcaption>\n' htmlStr += ' <figcaption>\n'
htmlStr += \ htmlStr += \
' <img loading="lazy" src="' + avatarUrl + '" ' \ ' <img loading="lazy" src="' + avatarUrl + '" ' \