Different margins when edit image appears under column header image

main
Bob Mottram 2020-10-02 16:14:16 +01:00
parent e9e6ad7dd5
commit 0d247b32ed
2 changed files with 14 additions and 3 deletions

View File

@ -970,14 +970,20 @@ aside .toggle-inside li {
float: left; float: left;
width: var(--column-left-width); width: var(--column-left-width);
} }
.col-left img { .col-left img.leftColEdit {
background: var(--column-left-color); background: var(--column-left-color);
margin: 40px 0; margin: 40px 0;
width: 20%; width: 20%;
} }
.col-left img.leftColEditImage {
background: var(--column-left-color);
width: 20%;
}
.col-left img.leftColImg { .col-left img.leftColImg {
background: var(--column-left-color); background: var(--column-left-color);
width: 90%; width: 100%;
margin: 0 0;
padding: 0 0;
} }
.col-center { .col-center {
width: var(--column-center-width); width: var(--column-center-width);

View File

@ -5182,7 +5182,10 @@ def getLeftColumnContent(baseDir: str, nickname: str, domainFull: str,
if os.path.isfile(themeLeftColumnImageFilename): if os.path.isfile(themeLeftColumnImageFilename):
copyfile(themeLeftColumnImageFilename, leftColumnImageFilename) copyfile(themeLeftColumnImageFilename, leftColumnImageFilename)
# show the image at the top of the column
editImageClass = 'leftColEdit'
if os.path.isfile(leftColumnImageFilename): if os.path.isfile(leftColumnImageFilename):
editImageClass = 'leftColEditImage'
htmlStr += \ htmlStr += \
' <center>\n' + \ ' <center>\n' + \
' <img class="leftColImg" loading="lazy" src="/users/' + nickname + \ ' <img class="leftColImg" loading="lazy" src="/users/' + nickname + \
@ -5190,12 +5193,14 @@ def getLeftColumnContent(baseDir: str, nickname: str, domainFull: str,
' </center>\n' ' </center>\n'
if moderator: if moderator:
# show the edit icon
htmlStr += \ htmlStr += \
' <center>\n' + \ ' <center>\n' + \
' <a href="' + \ ' <a href="' + \
httpPrefix + '://' + domainFull + \ httpPrefix + '://' + domainFull + \
'/users/' + nickname + '/editlinks' + '">' + \ '/users/' + nickname + '/editlinks' + '">' + \
'<img loading="lazy" alt="' + \ '<img class="' + editImageClass + \
'" loading="lazy" alt="' + \
translate['Edit Links'] + '" title="' + \ translate['Edit Links'] + '" title="' + \
translate['Edit Links'] + '" src="/' + \ translate['Edit Links'] + '" src="/' + \
iconsDir + '/edit.png" /></a>\n' + \ iconsDir + '/edit.png" /></a>\n' + \