diff --git a/src/routes/_components/status/MeetStatus.html b/src/routes/_components/status/MeetStatus.html
index 4eeae8cb..4eaac86f 100644
--- a/src/routes/_components/status/MeetStatus.html
+++ b/src/routes/_components/status/MeetStatus.html
@@ -10,6 +10,8 @@
>
+
+
{#if content && (showContent || preloadHiddenContent)}
{/if}
diff --git a/src/routes/_layout.html b/src/routes/_layout.html
index 358b2f84..db3ff140 100644
--- a/src/routes/_layout.html
+++ b/src/routes/_layout.html
@@ -1,5 +1,12 @@
+
+
diff --git a/src/scss/themes/ozark.scss b/src/scss/themes/ozark.scss
index d8c445dc..0aed935e 100644
--- a/src/scss/themes/ozark.scss
+++ b/src/scss/themes/ozark.scss
@@ -61,6 +61,38 @@ body.chat {
}
}
+body.meet {
+
+ div#sapper {
+ background: #959595;
+ }
+
+ div#meet-navigation {
+
+ div#overlay {
+ width: 100vw;
+ height: 5em;
+ position: fixed;
+ background-image: linear-gradient(#0009, transparent);
+ z-index: 1;
+ overflow: visible;
+ pointer-events: none;
+ }
+
+ a#back {
+ position: fixed;
+ z-index: 10;
+ right: 0;
+
+ svg {
+ fill: #ffffffa3;
+ }
+ }
+
+ }
+
+}
+
div#chat-party-global {
display: flex;
height: 3.6em;
@@ -197,20 +229,40 @@ main {
}
div.main-content.meet {
+ padding-top: 0 !important;
+
+ main {
+ width: initial !important;
+ }
+
+ div.infinite-scroll-page {
+ background: transparent !important;
+ }
div.virtual-list-item {
- height: 100vh;
div.meet-content {
+ height: 100vh;
+ max-height: 50em;
background-image: linear-gradient(transparent, #000000bf);
a.status-sidebar > img.avatar {
- width: 10em;
- height: 10em;
+ margin: 1em;
+ width: 12em;
+ height: 12em;
}
+
+ }
+
+ div.meet-msg {
+
div.status-content {
+ position: absolute;
+ padding: 2em;
+ bottom: 8%;
color: #fff;
}
+
}
div.meet-footer {
@@ -220,7 +272,7 @@ div.main-content.meet {
width: 100%;
height: 4em;
padding: 0 1em;
- background-color: #000000d4;
+ background-image: linear-gradient(transparent, #000);
a {
color: #fff !important;
@@ -231,6 +283,12 @@ div.main-content.meet {
}
}
+
+ div.dynamic-page-banner[role="navigation"] {
+ visibility: collapse;
+ display: none;
+ }
+
}
div.main-content.chat {
@@ -246,6 +304,7 @@ div.main-content.chat {
display: none;
}
}
+
div.main-content.direct {
button.dynamic-page-go-back {
visibility: collapse;
diff --git a/static/fedilove-no-react.js b/static/fedilove-no-react.js
index 45868c34..4e1c25ff 100644
--- a/static/fedilove-no-react.js
+++ b/static/fedilove-no-react.js
@@ -218,6 +218,7 @@ function fedilove_customization() {
document.body.classList = '';
document.querySelector('.main-content').classList = "main-content";
+ document.querySelector('#meet-navigation').style = 'display: none';
document.querySelector('#chat-compose-global').style = 'visibility: collapse';
document.querySelector('#chat-party-hide').style = 'display: none !important';
document.querySelector('nav#main-nav > ul.main-nav-ul').style = '';
@@ -322,9 +323,13 @@ function fedilove_customization() {
}
else if (window.location.pathname == '/direct') {
$('div.main-content').addClass('direct');
+ $('body').addClass('direct');
}
else if (window.location.pathname == '/federated') {
$('div.main-content').addClass('meet');
+ $('body').addClass('meet');
+ document.querySelector('nav#main-nav > ul.main-nav-ul').style = 'display: none !important';
+ document.querySelector('#meet-navigation').style = '';
}
else if (window.location.pathname.startsWith('/notifications/mentions')) {
$('nav.notification-filters li > a.focus-fix').attr('onclick', 'return false;');