Browse Source

Layout Listendialog korrigiert #7

master^2
Daniel Quathamer 2 weeks ago
parent
commit
09b7f38a23
  1. 104
      superx/edit/kern/maske_combo_laden.jsp
  2. 12
      superx/style/sx_common.css
  3. 5
      superx/xml/nd_templates.xsl

104
superx/edit/kern/maske_combo_laden.jsp

@ -42,35 +42,32 @@ callurl+=params;
<title>Auswahl <%=fname %></title> <title>Auswahl <%=fname %></title>
</head> </head>
<style> <style>
/*.cell { /* Abstand unter der Navbar für kleine Bildschirme */
position: sticky; @media screen and (max-width: 800px) {
top: 0; body {
z-index: 10; margin-top: 5rem; /* Platz für die fixe Navbar, Höhe anpassen */
} }
.label { .navbar.is-fixed-top {
font-size: 14px; } z-index: 1000; /* Stellt sicher, dass die Navbar immer im Vordergrund ist */
}
.input-container {
display: flex; .input-container {
flex-direction: column; margin-top: 1rem; /* Zusätzlicher Abstand für Eingabefelder */
align-items: flex-start; }
} }
.input-container > .label { /* Abstand für größere Bildschirme */
margin-bottom: 0.25rem; @media screen and (min-width: 801px) {
body {
@media (min-width: 768px) { margin-top: 2rem; /* Platz für die Navbar */
.input-container { }
flex-direction: row; }
align-items: center; /**Breakpoints zur Info:**/
} /*Viewports bis 768px=tablet-Hochformat */
/*@media screen and (min-width: 585px) and (max-width: 768px) { */
.input-container > .label { /*Kleine Viewports */
margin-bottom: 0; /*@media screen and (max-width: 584px){*/
margin-right: 1rem;
}
}*/
</style> </style>
<script type="text/javascript" language="javascript"> <script type="text/javascript" language="javascript">
@ -149,28 +146,28 @@ targetDiv.innerHTML=zs;
<body onload="showCombo('<%=callurl %>','')"> <body onload="showCombo('<%=callurl %>','')">
<form name="selection" onsubmit="return false;"> <form name="selection" onsubmit="return false;">
<div id="nd_navi_top" style="margin-bottom:3rem"> <div id="nd_navi_top" style="margin-bottom:3rem">
<nav class="navbar is-fixed-top" role="navigation" ><!--aria-label="main navigation"--> <nav class="navbar is-fixed-top" role="navigation" ><!--aria-label="main navigation"-->
<div class="navbar-brand"> <div class="navbar-brand">
<div class="navbar-item"> <div class="navbar-item">
<p><strong>Auswahl <%=fname %></strong></p> <p class="title is-4">Auswahl <%=fname %></p>
</div> </div>
<div class="navbar-item"> <div class="navbar-item">
<div class='input-container'> <div class='input-container'>
<div class='field has-addons'><div class='control'> <div class='field has-addons'>
<input id='comboSuche' class='input is-small is-active' type='text' placeholder='Suche' onBlur='renderCombo(comboContent,this.value);return false;'/> <div class='control'>
</div><div class='control'><button class='button is-small is-rounded' onClick="renderCombo(comboContent,document.getElementById('comboSuche').value);return false;"> <input id='comboSuche' class='input is-small is-active' type='text' placeholder='Suche' onBlur='renderCombo(comboContent,this.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 class='control'>
</div> <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>
</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="navbar-item is-hoverable">
<div class="buttons"> <div class="buttons">
<p class="submit_button"> <p class="submit_button">
@ -211,19 +208,20 @@ targetDiv.innerHTML=zs;
{ {
%> %>
<div class="input-container"> <!--style="padding-top:1em;"--> <div class="input-container" style="margin-top:5em;">
<div class="buttons"> <div class="buttons">
<input type="checkbox" name="metaCheckox" value="" style="margin-left:1.5rem" onclick="ndMaskDialogToggleAllCheckboxes(document.forms['selection'],this)" />&#160; alle markieren <input type="checkbox" name="metaCheckox" value="" style="margin-left:1.5rem;" onclick="ndMaskDialogToggleAllCheckboxes(document.forms['selection'],this)" />&#160; alle markieren
</div> </div>
</div> </div>
<% <%
} }
%> %>
<div class="input-container"> <!--style="padding-top:1em;"-->
<div id="comboDiv" class="comboDiv">keine Auswahl m&ouml;glich <div class="input-container" style="margin-left:5em; margin-top:1em;">
<div id="comboDiv" class="comboDiv">keine Auswahl m&ouml;glich
</div> </div>
</div> </div>
</form> </form>

12
superx/style/sx_common.css

@ -319,6 +319,11 @@ body.dark-theme img { /*filter für theme dark*/
overflow: initial; } overflow: initial; }
/*Bottom-Navi*/ /*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*/ .bottom-nav { /*für Bottomnavi-Zeile*/
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
@ -664,11 +669,10 @@ input.schluesselfeld {
} }
input.ndSchluesselfeld { input.ndSchluesselfeld {
border-color: hsl(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l)); 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-width: 1px;
--bulma-input-border-l: var(--bulma-border-l); --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; background-color:#FFFAF0;
font-size: var(--bulma-size-small); font-size: var(--bulma-size-small);
padding-left: 5px; padding-left: 5px;

5
superx/xml/nd_templates.xsl

@ -2275,6 +2275,7 @@ Seite 1 von 1
<xsl:otherwise> <xsl:otherwise>
<div class="control-new"> <!--220424BFeingefügt--> <div class="control-new"> <!--220424BFeingefügt-->
<div class="field has-addons"> <!--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--> <div class="control is-expanded"> <!--220424BFeingefügt-->
<xsl:choose> <xsl:choose>
<!-- start art 0--> <!-- 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 tooltip is-tooltip-right" >-->
<!--<span class="button is-light has-tooltip-left" >--> <!--220424BFeingefügt--> <!--<span class="button is-light has-tooltip-left" >--> <!--220424BFeingefügt-->
<div class="control"> <!--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:attribute name="data-tooltip">
<xsl:call-template name="br_to_newline"> <xsl:call-template name="br_to_newline">
<xsl:with-param name="string"><![CDATA[]]><xsl:value-of select="caption_long"/><![CDATA[]]></xsl:with-param> <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"/> <xsl:value-of select="caption_long" disable-output-escaping="yes"/>
</p>--> <!--220424BFdeaktiviert--> </p>--> <!--220424BFdeaktiviert-->
</xsl:if> </xsl:if>
<xsl:call-template name="nd_selectionform_field_input_schluesselfeld" /> <!--<xsl:call-template name="nd_selectionform_field_input_schluesselfeld" />-->
</div> </div>
</div> </div>
</xsl:otherwise> </xsl:otherwise>

Loading…
Cancel
Save