Compare commits

...

4 commits

Author SHA1 Message Date
hippoz
cb0a7330b6
make sure responsive handlers are initialized before gateway settlement 2022-09-20 18:19:11 +03:00
hippoz
3bde9249c7
add sidebar to initial html to reduce layout shifts 2022-09-20 18:18:51 +03:00
hippoz
9f5d51962c
set default viewport size css variables 2022-09-20 18:18:15 +03:00
hippoz
b58c7b4604
disable livereload 2022-09-20 18:17:57 +03:00
5 changed files with 16 additions and 33 deletions

View file

@ -66,6 +66,10 @@
--radius-lg: calc(2 * var(--radius-unit));
--radius-xl: calc(3.25 * var(--radius-unit));
--radius-xxl: calc(5.25 * var(--sradius-unit));
/* initial values. these will be modified by javascript */
--viewportWidth: 100vw;
--viewportHeight: 100vh;
}
html, body {

View file

@ -20,14 +20,6 @@
</head>
<body>
<div class="fullscreen-message" id="pre--loading-screen">
<div>
loading...
<noscript>
<br>
<span>please enable javascript to use this app</span>
</noscript>
</div>
</div>
<div class="sidebar-container" id="pre--loading-screen"><noscript><span>please enable javascript to use this app</span></noscript></div>
</body>
</html>

View file

@ -40,7 +40,7 @@ export default {
// Watch the `public` directory and refresh the
// browser on changes when not in production
!production && livereload('public'),
//!production && livereload('public'),
// Copy fonts
copy({

View file

@ -28,26 +28,14 @@
{/if}
</svelte:head>
<style>
.flex-container {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
}
</style>
<OverlayProvider />
<div class="flex-container">
{#if !($smallViewport && $showPresenceSidebar) && $showSidebar || $selectedChannel.id === -1}
<Sidebar />
{/if}
{#if !($smallViewport && $showSidebar) && !($smallViewport && $showPresenceSidebar) && $showChannelView && $selectedChannel.id !== -1}
<ChannelView channel={$selectedChannel} />
{/if}
{#if $showPresenceSidebar}
<PresenceSidebar />
{/if}
</div>
{#if !($smallViewport && $showPresenceSidebar) && $showSidebar || $selectedChannel.id === -1}
<Sidebar />
{/if}
{#if !($smallViewport && $showSidebar) && !($smallViewport && $showPresenceSidebar) && $showChannelView && $selectedChannel.id !== -1}
<ChannelView channel={$selectedChannel} />
{/if}
{#if $showPresenceSidebar}
<PresenceSidebar />
{/if}

View file

@ -8,8 +8,6 @@ import gateway, { GatewayEventType } from './gateway';
import "@material-design-icons/font";
function handleGatewaySettlement() {
initResponsiveHandlers();
const loadingElement = document.getElementById("pre--loading-screen");
if (loadingElement) {
loadingElement.parentElement.removeChild(loadingElement);
@ -27,6 +25,7 @@ function handleGatewaySettlement() {
function main() {
useDebuggingApi();
useAuthHandlers();
initResponsiveHandlers();
gateway.subscribe(GatewayEventType.Ready, handleGatewaySettlement);
gateway.subscribe(GatewayEventType.Close, handleGatewaySettlement);