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;
width: var(--column-left-width);
}
.col-left img {
.col-left img.leftColEdit {
background: var(--column-left-color);
margin: 40px 0;
width: 20%;
}
.col-left img.leftColEditImage {
background: var(--column-left-color);
width: 20%;
}
.col-left img.leftColImg {
background: var(--column-left-color);
width: 90%;
width: 100%;
margin: 0 0;
padding: 0 0;
}
.col-center {
width: var(--column-center-width);

View File

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