tweak ui

packages/frontend/src/ui/_common_/navbar.vue

@@ -118,6 +118,7 @@ function more(ev: MouseEvent) {
 		box-sizing: border-box;
 		overflow: auto;
 		overflow-x: clip;
+		overscroll-behavior: contain;
 		background: var(--navBg);
 		contain: strict;
 		display: flex;

packages/frontend/src/ui/deck.vue

@@ -306,6 +306,7 @@ async function deleteProfile() {
 	display: flex;
 	overflow-x: auto;
 	overflow-y: clip;
+	overscroll-behavior: contain;
 	background: var(--deckBg);
 
 	&.center {

packages/frontend/src/ui/deck/column.vue

@@ -387,9 +387,8 @@ function onDrop(ev) {
 .body {
 	height: calc(100% - var(--deckColumnHeaderHeight));
 	overflow-y: auto;
-	overflow-x: hidden; // Safari does not supports clip
 	overflow-x: clip;
-	-webkit-overflow-scrolling: touch;
+	overscroll-behavior-y: contain;
 	box-sizing: border-box;
 	container-type: size;
 	background-color: var(--bg);

packages/frontend/src/ui/universal.vue

@@ -278,6 +278,7 @@ $widgets-hide-threshold: 1090px;
 	min-width: 0;
 	overflow: auto;
 	overflow-y: scroll;
+	overscroll-behavior: contain;
 	background: var(--bg);
 }