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

potential performance improvements

Browse source
This commit is contained in:
hippoz 2023-01-08 23:26:22 +02:00
parent b01b6c4121
commit b3c7ffccc8
Signed by: hippoz
GPG key ID: 56C4E02A85F2FBED
3 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/components/ChannelView.svelte
View file

@ -17,6 +17,7 @@
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
height: 100%; height: 100%;
contain: content;
} }
</style> </style>

2
frontend/src/components/MessageInput.svelte
View file

@ -96,6 +96,7 @@
width: 100%; width: 100%;
padding: var(--space-norm); padding: var(--space-norm);
padding-bottom: 0; padding-bottom: 0;
contain: content;
} }
.message-input-container.small { .message-input-container.small {
@ -118,6 +119,7 @@
font-size: inherit; font-size: inherit;
line-height: inherit; line-height: inherit;
resize: none; resize: none;
contain: strict;
} }
.message-input:focus-visible { .message-input:focus-visible {

8
frontend/src/styles/global.css
View file

@ -8,6 +8,7 @@
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
src: url("/assets/woff2/iosevka-waffle-regular.woff2") format("woff2"); src: url("/assets/woff2/iosevka-waffle-regular.woff2") format("woff2");
font-display: fallback;
} }
@font-face { @font-face {
@ -17,6 +18,7 @@
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
src: url("/assets/woff2/iosevka-waffle-bold.woff2") format("woff2"); src: url("/assets/woff2/iosevka-waffle-bold.woff2") format("woff2");
font-display: fallback;
} }
@font-face { @font-face {
@ -26,6 +28,7 @@
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
src: url("/assets/woff2/iosevka-waffle-light.woff2") format("woff2"); src: url("/assets/woff2/iosevka-waffle-light.woff2") format("woff2");
font-display: fallback;
} }
/* top-level */ /* top-level */
@ -183,11 +186,13 @@ body {
z-index: 15; z-index: 15;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px);
contain: strict;
} }
.modal-backdrop-opaque { .modal-backdrop-opaque {
background-color: var(--background-color-1); background-color: var(--background-color-1);
backdrop-filter: unset; backdrop-filter: unset;
contain: strict;
} }
.modal { .modal {
@ -195,6 +200,7 @@ body {
flex-direction: column; flex-direction: column;
background-color: var(--background-color-1); background-color: var(--background-color-1);
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
contain: content;
} }
.modal-header { .modal-header {
@ -417,6 +423,7 @@ body {
height: 100%; height: 100%;
min-width: 255px; min-width: 255px;
max-width: 255px; max-width: 255px;
contain: content;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
@ -433,6 +440,7 @@ body {
padding: var(--space-xs); padding: var(--space-xs);
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
contain: strict;
} }
.sidebar-button { .sidebar-button {