Browse Source

Layout Listendialog korrigiert #7

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

100
superx/edit/kern/maske_combo_laden.jsp

@ -42,35 +42,32 @@ callurl+=params; @@ -42,35 +42,32 @@ callurl+=params;
<title>Auswahl <%=fname %></title>
</head>
<style>
/*.cell {
position: sticky;
top: 0;
z-index: 10;
/* 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 */
}
}
.label {
font-size: 14px; }
.input-container {
display: flex;
flex-direction: column;
align-items: flex-start;
/* Abstand für größere Bildschirme */
@media screen and (min-width: 801px) {
body {
margin-top: 2rem; /* Platz für die Navbar */
}
}
.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;
}
}*/
/**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; @@ -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="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; @@ -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>

12
superx/style/sx_common.css

@ -319,6 +319,11 @@ body.dark-theme img { /*filter für theme dark*/ @@ -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 { @@ -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;

5
superx/xml/nd_templates.xsl

@ -2275,6 +2275,7 @@ Seite 1 von 1 @@ -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 @@ -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 @@ -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>

Loading…
Cancel
Save