diff --git a/web/src/_templates/app/js.php b/web/src/_templates/app/js.php index 9c11671..859c43c 100644 --- a/web/src/_templates/app/js.php +++ b/web/src/_templates/app/js.php @@ -24,5 +24,6 @@ var app = { }; var cssprops = { meet_max_width: '40em', + meet_actions_height: '6em', }; diff --git a/web/src/app/app.php b/web/src/app/app.php index 5b14c5f..079aad1 100644 --- a/web/src/app/app.php +++ b/web/src/app/app.php @@ -21,8 +21,7 @@ $actor = $database->getActorByUsername($user->username);
-
+
diff --git a/web/src/app/css/app.css b/web/src/app/css/app.css index 5e5a49b..adf034c 100644 --- a/web/src/app/css/app.css +++ b/web/src/app/css/app.css @@ -80,6 +80,10 @@ main { background: #000; } +#page-meet #actions { + height: var(--meet_actions_height); + max-width: var(--meet_max_width); +} #page-meet #actions .button.light .fa { color: #fff; } @@ -138,6 +142,7 @@ main { .meet.item .status { color: #fff; max-width: var(--meet_max_width); + margin-bottom: var(--meet_actions_height); } .meet.item .status-content { box-shadow: 0px 2px 1px #0000008c; diff --git a/web/src/app/js/pages/meet.js b/web/src/app/js/pages/meet.js index 5013802..7285937 100644 --- a/web/src/app/js/pages/meet.js +++ b/web/src/app/js/pages/meet.js @@ -75,7 +75,6 @@ app.pages.meet = { if (item.props.pcolors.bg !== undefined) postBgColor = item.props.pcolors.bg; - tpl = tpl.replaceAll('{actionsHeight}', '6em'); tpl = tpl.replaceAll('{postFgColor}', htmlescape(postFgColor)); tpl = tpl.replaceAll('{postBgColor}', htmlescape(postBgColor)); dom.innerHTML += tpl; @@ -116,7 +115,6 @@ app.pages.meet = { _ = function () { const dom = document.querySelector('#page-meet #actions'); dom.innerHTML = ''; - dom.style.height = '6em'; var tpl = app.template.fill({}, app.template.get('meet.actions')); dom.innerHTML += tpl; }; _(); diff --git a/web/src/app/js/templates/meet/item.html b/web/src/app/js/templates/meet/item.html index 0373f9c..7e532de 100644 --- a/web/src/app/js/templates/meet/item.html +++ b/web/src/app/js/templates/meet/item.html @@ -11,8 +11,7 @@
-
+