Margin for links and newswire screens on mobile

main
Bob Mottram 2020-11-19 21:57:26 +00:00
parent 93859563dc
commit 5d0b06f199
3 changed files with 20 additions and 3 deletions

View File

@ -88,6 +88,7 @@
--column-left-width: 10vw;
--column-center-width: 80vw;
--column-right-width: 10vw;
--column-left-mobile-margin: 10px;
--column-left-top-margin: 0;
--column-left-header-style: uppercase;
--column-left-header-background: #555;
@ -1303,7 +1304,7 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
margin-bottom: var(--button-bottom-margin);
margin-left: var(--button-left-margin);
margin-left: var(--button-left-margin);
}
.buttonDesktop {
border-radius: var(--button-corner-radius);
@ -1323,7 +1324,7 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
margin-bottom: var(--button-bottom-margin);
margin-left: var(--button-left-margin);
margin-left: var(--button-left-margin);
}
.publishbtn {
border-radius: var(--button-corner-radius);
@ -1377,7 +1378,7 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
margin-bottom: var(--button-bottom-margin);
margin-left: var(--button-left-margin);
margin-left: var(--button-left-margin);
}
.buttonselectedhighlighted {
border-radius: var(--button-corner-radius);
@ -1721,6 +1722,9 @@ div.container {
display: none;
width: 0%;
}
.col-left-mobile {
margin-left: var(--column-left-mobile-margin);
}
.col-left {
float: left;
width: 0%;
@ -1729,6 +1733,9 @@ div.container {
.col-center {
width: 100vw;
}
.col-right-mobile {
margin-left: var(--column-left-mobile-margin);
}
.col-right {
float: right;
width: 0%;

View File

@ -227,6 +227,7 @@ def htmlLinksMobile(cssCache: {}, baseDir: str,
'<img loading="lazy" class="timeline-banner" ' + \
'src="/users/' + nickname + '/' + bannerFile + '" /></a>\n'
htmlStr += '<div class="col-left-mobile">\n'
htmlStr += '<center>' + \
headerButtonsFrontScreen(translate, nickname,
'links', authorized,
@ -237,6 +238,10 @@ def htmlLinksMobile(cssCache: {}, baseDir: str,
iconsPath, editor,
False, timelinePath,
rssIconAtTop, False, False)
# end of col-left-mobile
htmlStr += '</div>\n'
htmlStr += '</div>\n' + htmlFooter()
return htmlStr

View File

@ -433,6 +433,8 @@ def htmlNewswireMobile(cssCache: {}, baseDir: str, nickname: str,
'<img loading="lazy" class="timeline-banner" ' + \
'src="/users/' + nickname + '/' + bannerFile + '" /></a>\n'
htmlStr += '<div class="col-right-mobile">\n'
htmlStr += '<center>' + \
headerButtonsFrontScreen(translate, nickname,
'newswire', authorized,
@ -445,6 +447,9 @@ def htmlNewswireMobile(cssCache: {}, baseDir: str, nickname: str,
False, timelinePath, showPublishButton,
showPublishAsIcon, rssIconAtTop, False,
authorized, False)
# end of col-right-mobile
htmlStr += '</div\n>'
htmlStr += htmlFooter()
return htmlStr