SuperX
/
kern
6
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 5 days ago
parent
2c46462544
commit
514d818b8d
2 changed files with 53 additions and 57 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 104
      superx/edit/kern/maske_combo_laden.jsp
  2. 6
      superx/edit/kern/maske_sicht_laden.jsp

104
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 */
} }
.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>

6
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">
@ -380,7 +379,7 @@ function ndSichtEintraegeSuchen(was) {
</p> </p>
</div> </div>
</div> </div>
</span> </span>
</div> </div>
</nav> </nav>
@ -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