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-lg: calc(2 * var(--radius-unit));
--radius-xl: calc(3.25 * var(--radius-unit)); --radius-xl: calc(3.25 * var(--radius-unit));
--radius-xxl: calc(5.25 * var(--sradius-unit)); --radius-xxl: calc(5.25 * var(--sradius-unit));
/* initial values. these will be modified by javascript */
--viewportWidth: 100vw;
--viewportHeight: 100vh;
} }
html, body { html, body {

View file

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

View file

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

View file

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

View file

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