Compare commits
No commits in common. "cb0a7330b623c00b77ab537f2a1ca543082aa907" and "5aaaf56380acf2e4a13607088bad9cc1859935c1" have entirely different histories.
cb0a7330b6
...
5aaaf56380
5 changed files with 33 additions and 16 deletions
|
@ -66,10 +66,6 @@
|
||||||
--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 {
|
||||||
|
|
|
@ -20,6 +20,14 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="sidebar-container" id="pre--loading-screen"><noscript><span>please enable javascript to use this app</span></noscript></div>
|
<div class="fullscreen-message" id="pre--loading-screen">
|
||||||
|
<div>
|
||||||
|
loading...
|
||||||
|
<noscript>
|
||||||
|
<br>
|
||||||
|
<span>please enable javascript to use this app</span>
|
||||||
|
</noscript>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -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({
|
||||||
|
|
|
@ -28,8 +28,19 @@
|
||||||
{/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}
|
||||||
|
@ -39,3 +50,4 @@
|
||||||
{#if $showPresenceSidebar}
|
{#if $showPresenceSidebar}
|
||||||
<PresenceSidebar />
|
<PresenceSidebar />
|
||||||
{/if}
|
{/if}
|
||||||
|
</div>
|
||||||
|
|
|
@ -8,6 +8,8 @@ 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);
|
||||||
|
@ -25,7 +27,6 @@ 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);
|
||||||
|
|
Loading…
Reference in a new issue