From 09b7f38a23421a41d6e719344988277d59c5b352 Mon Sep 17 00:00:00 2001
From: Daniel Quathamer <danielq@memtext.de>
Date: Mon, 10 Feb 2025 09:37:47 +0100
Subject: [PATCH] Layout Listendialog korrigiert #7

---
 superx/edit/kern/maske_combo_laden.jsp | 104 ++++++++++++-------------
 superx/style/sx_common.css             |  12 ++-
 superx/xml/nd_templates.xsl            |   5 +-
 3 files changed, 62 insertions(+), 59 deletions(-)
diff --git a/superx/edit/kern/maske_combo_laden.jsp b/superx/edit/kern/maske_combo_laden.jsp
index 7de46d2..15fd51f 100644
--- a/superx/edit/kern/maske_combo_laden.jsp
+++ b/superx/edit/kern/maske_combo_laden.jsp
@@ -42,35 +42,32 @@ callurl+=params;
     <title>Auswahl <%=fname  %></title>
 </head>
 <style>
-/*.cell {
-    position: sticky;
-    top: 0;
-    z-index: 10;
-} 
-
-.label {
-   font-size: 14px; }
-
-.input-container {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
+/* Abstand unter der Navbar für kleine Bildschirme */
+@media screen and (max-width: 800px) { 
+  body {
+    margin-top: 5rem; /* Platz für die fixe Navbar, Höhe anpassen */
+  }
+
+  .navbar.is-fixed-top {
+    z-index: 1000; /* Stellt sicher, dass die Navbar immer im Vordergrund ist */
+  }
+
+  .input-container {
+    margin-top: 1rem; /* Zusätzlicher Abstand für Eingabefelder */
+  }
 }
 
-.input-container > .label {
-    margin-bottom: 0.25rem;
-
-@media (min-width: 768px) { 
-	.input-container {
-	    flex-direction: row;
-	    align-items: center;
-	}
-	
-	.input-container > .label {
-	    margin-bottom: 0;
-	    margin-right: 1rem; 
-	}
-}*/
+/* Abstand für größere Bildschirme */
+@media screen and (min-width: 801px) { 
+  body {
+    margin-top: 2rem; /* Platz für die Navbar */
+  }
+}
+/**Breakpoints zur Info:**/ 
+/*Viewports bis 768px=tablet-Hochformat */
+/*@media screen and (min-width: 585px) and (max-width: 768px) { */	
+/*Kleine Viewports */
+/*@media screen and (max-width: 584px){*/  
 
 </style>
 <script type="text/javascript" language="javascript">
@@ -149,28 +146,28 @@ targetDiv.innerHTML=zs;
 <body onload="showCombo('<%=callurl %>','')">
 <form name="selection"  onsubmit="return false;">
 <div  id="nd_navi_top" style="margin-bottom:3rem">
-           <nav class="navbar is-fixed-top" role="navigation" ><!--aria-label="main navigation"-->
-           <div class="navbar-brand">
-	   
+    <nav class="navbar is-fixed-top" role="navigation" ><!--aria-label="main navigation"-->
+       <div class="navbar-brand">
 	    <div class="navbar-item">
-	    	<p><strong>Auswahl <%=fname %></strong></p>
+		<p class="title is-4">Auswahl <%=fname %></p> 
 	    </div>
+
 	    <div class="navbar-item">
-	    
 	    <div class='input-container'>
-	    <div class='field has-addons'><div class='control'>
-	    <input id='comboSuche' class='input is-small is-active' type='text' placeholder='Suche' onBlur='renderCombo(comboContent,this.value);return false;'/>
-</div><div class='control'><button class='button is-small is-rounded' onClick="renderCombo(comboContent,document.getElementById('comboSuche').value);return false;">
-<span class='icon' aria-hidden='true' alt='Suche' title='Suche'><img src='../../images/search_blue.svg'/></span></button>
-</div></div>
-</div>
-	    
-	    
-     </div>
-	 </div>
+	         <div class='field has-addons'>
+		    <div class='control'>
+		       <input id='comboSuche' class='input is-small is-active' type='text' placeholder='Suche' onBlur='renderCombo(comboContent,this.value);return false;'/>
+		    </div>
+		    <div class='control'>
+		       <button class='button is-small is-rounded' onClick="renderCombo(comboContent,document.getElementById('comboSuche').value);return false;">
+		       <span class='icon' aria-hidden='true' alt='Suche' title='Suche'><img src='../../images/search_blue.svg'/></span></button>
+		    </div>
+		 </div>
+	    </div>
+	    </div>
+	</div>
 	    
-	   
-	 <div class="navbar-end"><span class="navbar-end">
+	<div class="navbar-end"><span class="navbar-end">
 	    <div class="navbar-item is-hoverable">
 	    <div class="buttons">
 	     <p class="submit_button">
@@ -211,19 +208,20 @@ targetDiv.innerHTML=zs;
 	   {
 	   %>
 	
-	<div class="input-container"> <!--style="padding-top:1em;"-->
-	<div class="buttons">
-	      <input type="checkbox" name="metaCheckox" value="" style="margin-left:1.5rem" onclick="ndMaskDialogToggleAllCheckboxes(document.forms['selection'],this)" />&#160; alle markieren
-	</div>
+	<div class="input-container" style="margin-top:5em;">
+	     <div class="buttons">
+		  <input type="checkbox" name="metaCheckox" value="" style="margin-left:1.5rem;" onclick="ndMaskDialogToggleAllCheckboxes(document.forms['selection'],this)" />&#160; alle markieren
+	     </div>
 	</div>
+	
 <%
 }
 %>
-       <div class="input-container"> <!--style="padding-top:1em;"-->
-       <div id="comboDiv" class="comboDiv">keine Auswahl m&ouml;glich
-       
-	</div>
-	</div>
+
+       <div class="input-container" style="margin-left:5em; margin-top:1em;">
+	    <div id="comboDiv" class="comboDiv">keine Auswahl m&ouml;glich
+	    </div>
+       </div>
 	
 	
 </form>
diff --git a/superx/style/sx_common.css b/superx/style/sx_common.css
index 993109c..78b1d72 100644
--- a/superx/style/sx_common.css
+++ b/superx/style/sx_common.css
@@ -319,6 +319,11 @@ body.dark-theme img {	/*filter für theme dark*/
    overflow: initial; }
    
 /*Bottom-Navi*/
+#nd_navi_bottom {               /*20250130BF ergänzt*/
+  position: fixed;		/*nd_navi_bottom ist immer sichtbar, auch beim Scrollen*/
+  bottom: 0;
+  width: 100%;}
+
 .bottom-nav {			/*für Bottomnavi-Zeile*/
    display: flex; 
    flex-flow: row nowrap;
@@ -664,11 +669,10 @@ input.schluesselfeld {
 }
 
 input.ndSchluesselfeld {
-	border-color: hsl(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l));
-   --bulma-input-border-width: 1px;
+  border-color: hsl(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l));
+  --bulma-input-border-width: 1px;
   --bulma-input-border-l: var(--bulma-border-l);
-  box-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.05);
-  
+   box-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.05);
    background-color:#FFFAF0;
    font-size: var(--bulma-size-small);
    padding-left: 5px;
diff --git a/superx/xml/nd_templates.xsl b/superx/xml/nd_templates.xsl
index 44385dd..6c1ab42 100644
--- a/superx/xml/nd_templates.xsl
+++ b/superx/xml/nd_templates.xsl
@@ -2275,6 +2275,7 @@ Seite 1 von 1
 <xsl:otherwise>
 <div class="control-new">		<!--220424BFeingefügt-->	
 <div class="field has-addons">	<!--220424BFeingefügt-->
+<xsl:call-template name="nd_selectionform_field_input_schluesselfeld" />
  <div class="control is-expanded"> <!--220424BFeingefügt-->
 <xsl:choose>
 <!-- start art 0-->
@@ -2583,7 +2584,7 @@ Seite 1 von 1
 	<!--<span class="button is-light tooltip is-tooltip-right" >-->
 	<!--<span class="button is-light has-tooltip-left" >--> 		<!--220424BFeingefügt-->
 	<div class="control">							<!--220424BFeingefügt-->
-	<button class="button is-small is-rounded has-tooltip-bottom">			<!--220424BFgeändert-->
+	<button class="button is-small is-rounded has-tooltip-bottom" onClick="return false;">			<!--220424BFgeändert-->
 	<xsl:attribute name="data-tooltip">
 	<xsl:call-template name="br_to_newline">
 	<xsl:with-param name="string"><![CDATA[]]><xsl:value-of select="caption_long"/><![CDATA[]]></xsl:with-param>
@@ -2606,7 +2607,7 @@ Seite 1 von 1
 	 <xsl:value-of select="caption_long" disable-output-escaping="yes"/>
       </p>-->							<!--220424BFdeaktiviert-->
      </xsl:if>
-     <xsl:call-template name="nd_selectionform_field_input_schluesselfeld" />
+     <!--<xsl:call-template name="nd_selectionform_field_input_schluesselfeld" />-->
      </div>
    </div>
 </xsl:otherwise>
