mirror of https://gitlab.com/bashrc2/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