Center column

merge-requests/8/head
Bob Mottram 2020-09-30 19:15:43 +01:00
parent ae8242ea05
commit fe19d84e88
2 changed files with 19 additions and 8 deletions

View File

@ -62,6 +62,7 @@
--quote-font-size: 120%; --quote-font-size: 120%;
--line-spacing: 130%; --line-spacing: 130%;
--column-left-width: 0%; --column-left-width: 0%;
--column-center-width: 100%;
--column-right-width: 0%; --column-right-width: 0%;
} }
@ -926,12 +927,16 @@ aside .toggle-inside li {
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.column-left { .column-left {
float: left; float: left;
width: var(--column-left-width); width: var(--column-left-width);
}
.column-center {
display: inline-block;
width: var(--column-center-width);
} }
.column-right { .column-right {
float: right; float: right;
width: var(--column-right-width); width: var(--column-right-width);
} }
.likesCount { .likesCount {
font-size: var(--font-size-likes); font-size: var(--font-size-likes);
@ -1383,12 +1388,16 @@ aside .toggle-inside li {
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.column-left { .column-left {
float: left; float: left;
width: var(--column-left-width); width: var(--column-left-width);
}
.column-center {
display: inline-block;
width: var(--column-center-width);
} }
.column-right { .column-right {
float: right; float: right;
width: var(--column-right-width); width: var(--column-right-width);
} }
.likesCount { .likesCount {
font-size: var(--font-size-likes-mobile); font-size: var(--font-size-likes-mobile);

View File

@ -5331,6 +5331,7 @@ def htmlTimeline(defaultTimeline: str,
tlStr += '<div class="row">\n' tlStr += '<div class="row">\n'
tlStr += ' <div class="column-left">\n' tlStr += ' <div class="column-left">\n'
tlStr += ' </div>\n' tlStr += ' </div>\n'
tlStr += ' <div class="column-center">\n'
# first button # first button
if defaultTimeline == 'tlmedia': if defaultTimeline == 'tlmedia':
@ -5624,6 +5625,7 @@ def htmlTimeline(defaultTimeline: str,
if boxName == 'tlmedia': if boxName == 'tlmedia':
tlStr += '</div>\n' tlStr += '</div>\n'
tlStr += ' </div>\n'
tlStr += ' <div class="column-right">\n' tlStr += ' <div class="column-right">\n'
tlStr += ' </div>\n' tlStr += ' </div>\n'
tlStr += '</div>' tlStr += '</div>'