SuperX
/
kern
7
0
Fork 0
Code Issues 8 Pull Requests Projects Releases Wiki Activity
Browse Source

Style u Responsiveness für Listenauswahl in maske_combo_laden.jsp angepasst #7

master
Daniel Quathamer 1 month ago
parent
2c46462544
commit
514d818b8d
2 changed files with 53 additions and 57 deletions
Unified View
  1. 100
      superx/edit/kern/maske_combo_laden.jsp
  2. 4
      superx/edit/kern/maske_sicht_laden.jsp

100
superx/edit/kern/maske_combo_laden.jsp
Unescape View File

@ -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 */
}
.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 { /* Abstand für größere Bildschirme */
font-size: 14px; } @media screen and (min-width: 801px) {
body {
.input-container { margin-top: 2rem; /* Platz für die Navbar */
display: flex; }
flex-direction: column;
align-items: flex-start;
} }
/**Breakpoints zur Info:**/
.input-container > .label { /*Viewports bis 768px=tablet-Hochformat */
margin-bottom: 0.25rem; /*@media screen and (min-width: 585px) and (max-width: 768px) { */
/*Kleine Viewports */
@media (min-width: 768px) { /*@media screen and (max-width: 584px){*/
.input-container {
flex-direction: row;
align-items: center;
}
.input-container > .label {
margin-bottom: 0;
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> <div class="input-container" style="margin-left:5em; margin-top:1em;">
</div> <div id="comboDiv" class="comboDiv">keine Auswahl m&ouml;glich
</div>
</div>
</form> </form>

4
superx/edit/kern/maske_sicht_laden.jsp
Unescape View File

@ -342,11 +342,10 @@ function ndSichtEintraegeSuchen(was) {
<div class="navbar-brand"> <div class="navbar-brand">
<div class="navbar-item"> <div class="navbar-item">
<p class="title is-4">Auswahl <%=fname %></p> <p class="title is-4">Auswahl <%=fname %></p>
</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">
@ -390,7 +389,6 @@ function ndSichtEintraegeSuchen(was) {
<div class="input-container"> <div class="input-container">
<div class="field is-grouped is-grouped-multiline"> <div class="field is-grouped is-grouped-multiline">
<div class="input-container"> <div class="input-container">
<div id="sichtauswahlDiv"> <div id="sichtauswahlDiv">
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save