forked from indymedia/epicyon
Margin for links and newswire screens on mobile
parent
93859563dc
commit
5d0b06f199
|
@ -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%;
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
Loading…
Reference in New Issue