gui improvements

frontend/src/routes/document/PositionSelector.svelte

@@ -26,7 +26,6 @@
         bottom: 20px;
         left: 0;
         right: 0;
-        background: rgba(0,0,0,0.9);
         padding: 10px;
         overflow: auto;
 
@@ -37,7 +36,7 @@
     }
 </style>
 
-<div>
+<div class="position_selector">
     <span class="tabs">
         <button onclick={() => select=0}>{t('document.items')}</button>
         <button onclick={() => select=1}>{t('document.estimated_times')}</button>

frontend/src/routes/document/View.svelte

@@ -179,7 +179,9 @@
     <fieldset>
         <legend>
             {t('document.positions')}
+            {#if editable}
             <button onclick={() => position_select = true}>{t('document.add_position')}</button>
+            {/if}
         </legend>
         <PositionList bind:document={doc} {submit} />
     </fieldset>

web/src/main/resources/web/css/default.css

@@ -71,4 +71,8 @@ td, tr{
 
 .clear{
     clear: both;
+}
+.position_selector{
+    background: rgba(0,0,0,0.7);
+    backdrop-filter: blur(3px);
 }

web/src/main/resources/web/css/winter.css

@@ -45,4 +45,9 @@ footer {
   border-color: cyan;
   border-style: dashed;
   border-width: 1px 0 0;
+}
+
+.position_selector{
+    background: rgba(255,255,255,0.8);
+    backdrop-filter: blur(3px);
 }