From a319270391eb922c9e503cdff8f39e2340b0b128 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Fri, 12 Aug 2022 00:04:04 +0200
Subject: [PATCH] Make LabelContainer sticky

to make field operations accessible on fields with a lot of content.
---
 ts/editor/LabelContainer.svelte | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/ts/editor/LabelContainer.svelte b/ts/editor/LabelContainer.svelte
index dba7c7714..52f9498ff 100644
--- a/ts/editor/LabelContainer.svelte
+++ b/ts/editor/LabelContainer.svelte
@@ -43,6 +43,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <style lang="scss">
     .label-container {
+        position: sticky;
+        top: 0;
+        z-index: 3;
+        background: var(--window-bg);
+
+        &::before {
+            content: "";
+            z-index: -1;
+            position: absolute;
+            top: -5px;
+            bottom: 0;
+            left: -2px;
+            right: -2px;
+            background: var(--window-bg);
+        }
         & .chevron {
             opacity: 0.4;
             transition: opacity 0.2s ease-in-out;