hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: hippoz:5aaaf56380acf2e4a13607088bad9cc1859935c1
Branches Tags
hippoz:master
..
compare: hippoz:cb0a7330b623c00b77ab537f2a1ca543082aa907
Branches Tags
hippoz:master

4 commits
5aaaf56380 ... cb0a7330b6

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
Show stats Expand all files Collapse all files

4
frontend/public/global.css
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 {

10
frontend/public/index.html
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>

2
frontend/rollup.config.js
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({

12
frontend/src/components/Main.svelte
View file

@ -28,19 +28,8 @@
{/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}
@ -50,4 +39,3 @@
{#if $showPresenceSidebar} {#if $showPresenceSidebar}
<PresenceSidebar /> <PresenceSidebar />
{/if} {/if}
</div>

3
frontend/src/main.js
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);