Browse Source

aktuelle Variablen für scss

master
Bettina Floss 2 days ago
parent
commit
e3acfcb9c2
  1. 79
      superx/edit/kern/maske_combo_laden.jsp
  2. 13
      superx/edit/kern/maske_sicht_laden.jsp
  3. 3
      superx/style/sx_field_dialogue.css
  4. 2
      superx/style/sx_field_dialogue.css.map
  5. 6
      superx/style/sx_field_dialogue.scss

79
superx/edit/kern/maske_combo_laden.jsp

@ -44,33 +44,6 @@ callurl+=params;
<title>Auswahl <%=fname %></title> <title>Auswahl <%=fname %></title>
</head> </head>
<style> <style>
/* 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 */
}
}
/* 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> </style>
<script type="text/javascript" language="javascript"> <script type="text/javascript" language="javascript">
@ -145,27 +118,13 @@ targetDiv.innerHTML=zs;
} }
</script> </script>
<body onload="showCombo('<%=callurl %>','')"> <body class="has-navbar-fixed-top" onload="showCombo('<%=callurl %>','')"> <!--202606 neu: class="has-navbar-fixed-top"-->
<form name="selection" onsubmit="return false;"> <!--202606: verlagert unter nav: <form name="selection" onsubmit="return false;">-->
<div id="nd_navi_top" style="margin-bottom:3rem"> <div id="nd_navi_top" ><!--202604 style deaktiviert style="margin-bottom:3rem;"-->
<nav class="navbar is-fixed-top" role="navigation" ><!--aria-label="main navigation"--> <nav class="navbar-dialogue is-fixed-top" role="navigation" aria-label="navigation">
<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-dialogue 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> </div>
@ -205,27 +164,43 @@ targetDiv.innerHTML=zs;
</span> </span>
</div> </div>
</nav> </nav>
<form name="selection" onsubmit="return false;">
<!--202605 Suche aus navi-top hierher verschoben; style ergänzt-->
<div class='input-container sticky-filter' > <!--202606 sticky-filter ergänzt; style entfernt: style="padding-top: 0.5rem; padding-left: 1.5rem;"-->
<label class='label'>Suche</label>
<div class='field has-addons'>
<div class='control'>
<input id='comboSuche' class='input is-active' type='text' placeholder='' onBlur='renderCombo(comboContent,this.value);return false;'/>
</div> </div>
<div class='control'>
<!--202605 Suche: is-small entfernt aus class=button, style ergänzt-->
<button class='button is-rounded' style='height:40px;'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>
<% if(zeilenanzahl!=null && !zeilenanzahl.equals("1")) <% if(zeilenanzahl!=null && !zeilenanzahl.equals("1"))
{ {
%> %>
<div class="input-container" style="margin-top:5em;"> <div class="input-container">
<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.4rem;" onclick="ndMaskDialogToggleAllCheckboxes(document.forms['selection'],this)" />&#160; alle markieren
</div> </div>
</div> </div>
<% <%
} }
%> %>
<!--202606: neu Input-, comboDiv-Style-->
<div class="input-container" style="margin-left:5em; margin-top:1em;"> <div class="input-container" style="background-color: unset;">
<div id="comboDiv" class="comboDiv">keine Auswahl m&ouml;glich <div id="comboDiv" class="comboDiv" style="margin-left: 1.5em;">keine Auswahl m&ouml;glich
</div> </div>
</div> </div>
</form> </form>
</div><!--Ende navi-top-->
</body> </body>
</html> </html>

13
superx/edit/kern/maske_sicht_laden.jsp

@ -227,7 +227,7 @@ if(searchstring=="" || node.title.indexOf(searchstring)>-1)
zs += "<li class='sichtentreeLI'>"; zs += "<li class='sichtentreeLI'>";
if(isRoot) if(isRoot)
{ {
zs+="<span style='margin-left:0px'></span>"; zs+="<span style='margin-left:1.5rem'></span>";
} }
else else
{ {
@ -352,7 +352,6 @@ function ndSichtEintraegeSuchen(was) {
</div> </div>
</div> </div>
<!--202604: Buttonfolge geändert-->
<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">
@ -404,20 +403,18 @@ function ndSichtEintraegeSuchen(was) {
<% if(zeilenanzahl!=null && !zeilenanzahl.equals("1")) <% if(zeilenanzahl!=null && !zeilenanzahl.equals("1"))
{ {
%> %>
<div class="input-container"><!--202606 neu-->
<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><!--202606 neu-->
<hr />
<% <%
} }
%> %>
<div id="sichtDiv" class="comboDiv-dialogue">keine Auswahl m&ouml;glich <div id="sichtDiv" class="comboDiv">keine Auswahl m&ouml;glich
</div> <!--202605 geändert in comboDiv-dialogue--> </div>
</form> </form>
<!--</div> container--> <!--</div> container-->

3
superx/style/sx_field_dialogue.css

@ -91,9 +91,10 @@ input[type=checkbox] {
.comboDiv { .comboDiv {
display: flex; display: flex;
justify-content: left; justify-content: left;
margin-top: 1em; /*202606 ergänzt*/
} }
.input-container.sticky-filter { /*202606 neu: äußerer Container*/ .input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/
position: sticky; /*202606 neu: bleibt beim Scrollen sichtbar*/ position: sticky; /*202606 neu: bleibt beim Scrollen sichtbar*/
top: 105px; /* Höhe der Navbar > siehe oben */ top: 105px; /* Höhe der Navbar > siehe oben */
z-index: 999; z-index: 999;

2
superx/style/sx_field_dialogue.css.map

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["sx_field_dialogue.scss"],"names":[],"mappings":";AA6DA;EApCE;EACA;EACA;EACA;EACA;EACA;;;AAkCF;EA9BE;EACA;EACA;EACA;EACA;;;AA8BF;AACA;EAAO;;;AAEP;EACG;EACA;EACA;;;AAGH;EACE,kBAzDoB;EA0DpB;EACA;;;AAGF;AACA;EACI;EACA;EACA;EACA;EACA;EACA,YAhFc;EAiFd;EACA;;;AAGJ;EAA8B;;;AAC9B;EAA6B;;;AAC7B;EACG,OAzFM;EA0FN;EACA;;;AAGH;AAAA;AAEE;AAAA;AAAA;AAAA;AAKF;EACG;EACA;EACA;EACA;;;AAGH;EACE;EACA;AACA;;;AAEF;AACE;EACA;;;AAGF;EACG;;;AAEH;AACA;EACG;EACA;;;AAGH;EACI;EACA;EACA;EACA,YAlIc;EAmId;;;AAGJ;EACI;EACA;EACA;EACA,YA1Ic;;;AA6IlB;EACI;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAAQ;;;AAGR;EACE;EACA;EACA;;;AAGF;EACG,QA9Ja;EA+Jb;AACA;EACA;EACA;;;AAGH;AACA;EACE;IACE;IACA;;EAGF;IACE;IACA;;EAGH;IAAoB;;EACpB;IAAQ;;;AAGT;AACA;EACE;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;AACA;EAAK;;;AAEL;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OA9NsB;EA+NtB;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACC;EACA;EACA;EACA;;;AAGD;EACA;EACA;EACA;EACA;EACA","file":"sx_field_dialogue.css"} {"version":3,"sourceRoot":"","sources":["sx_field_dialogue.scss"],"names":[],"mappings":";AA6DA;EApCE;EACA;EACA;EACA;EACA;EACA;;;AAkCF;EA9BE;EACA;EACA;EACA;EACA;;;AA8BF;AACA;EAAO;;;AAEP;EACG;EACA;EACA;;;AAGH;EACE,kBAzDoB;EA0DpB;EACA;;;AAGF;AACA;EACI;EACA;EACA;EACA;EACA;EACA,YAhFc;EAiFd;EACA;;;AAGJ;EAA8B;;;AAC9B;EAA6B;;;AAC7B;EACG,OAzFM;EA0FN;EACA;;;AAGH;AAAA;AAEE;AAAA;AAAA;AAAA;AAKF;EACG;EACA;EACA;EACA;;;AAGH;EACE;EACA;AACA;;;AAEF;AACE;EACA;;;AAGF;EACG;;;AAEH;AACA;EACG;EACA;EACA;;;AAIH;EACI;EACA;EACA;EACA,YApIc;EAqId;;;AAGJ;EACI;EACA;EACA;EACA,YA5Ic;;;AA+IlB;EACI;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAAQ;;;AAGR;EACE;EACA;EACA;;;AAGF;EACG,QAhKa;EAiKb;AACA;EACA;EACA;;;AAGH;AACA;EACE;IACE;IACA;;EAGF;IACE;IACA;;EAGH;IAAoB;;EACpB;IAAQ;;;AAGT;AACA;EACE;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;AACA;EAAK;;;AAEL;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OAhOsB;EAiOtB;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACC;EACA;EACA;EACA;;;AAGD;EACA;EACA;EACA;EACA;EACA","file":"sx_field_dialogue.css"}

6
superx/style/sx_field_dialogue.scss

@ -131,10 +131,12 @@ input[type="checkbox"] {
/* Standarddarstellung für größere Viewports */ /* Standarddarstellung für größere Viewports */
.comboDiv { .comboDiv {
display: flex; display: flex;
justify-content: left; } justify-content: left;
margin-top: 1em; /*202606 ergänzt*/
}
.input-container.sticky-filter { /*202606 neu: äußerer Container*/ .input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/
position: sticky; /*202606 neu: bleibt beim Scrollen sichtbar*/ position: sticky; /*202606 neu: bleibt beim Scrollen sichtbar*/
top: 105px; /* Höhe der Navbar > siehe oben */ top: 105px; /* Höhe der Navbar > siehe oben */
z-index: 999; z-index: 999;

Loading…
Cancel
Save