Enlist options
This commit is contained in:
parent
5be74299f7
commit
23eb7386f4
3 changed files with 16 additions and 16 deletions
19
css/main.css
19
css/main.css
|
@ -208,12 +208,6 @@ th {
|
||||||
min-width: 250px;
|
min-width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div {
|
|
||||||
display: none;
|
|
||||||
border: 2px solid lightgreen;
|
|
||||||
min-width: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
border-top: 2px solid lightgreen;
|
border-top: 2px solid lightgreen;
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
|
@ -232,6 +226,19 @@ th {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.option_list ul li {
|
||||||
|
display: inline;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.option_list ul {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.option_list li {
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
/* hamburger menu stuff */
|
/* hamburger menu stuff */
|
||||||
|
|
||||||
@media only screen and (max-width: 950px) {
|
@media only screen and (max-width: 950px) {
|
||||||
|
|
|
@ -70,9 +70,8 @@
|
||||||
|
|
||||||
At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. <a href="index.html">jony_ipsum</a>
|
At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. <a href="index.html">jony_ipsum</a>
|
||||||
</p>
|
</p>
|
||||||
<p class="hideOptions">Show/Hide: </p>
|
|
||||||
<button onClick="div_change('options')">Show Options</button>
|
<div id="options" class="option_list"></div>
|
||||||
<div id="options" class="div"></div>
|
|
||||||
|
|
||||||
<div class="table-wrapper">
|
<div class="table-wrapper">
|
||||||
<table id="t01"></table>
|
<table id="t01"></table>
|
||||||
|
|
|
@ -263,12 +263,6 @@ function stringPerToSlash(columnname) {
|
||||||
return columnname.includes(" per ") ? columnname.replace(" per ", " / ") : columnname;
|
return columnname.includes(" per ") ? columnname.replace(" per ", " / ") : columnname;
|
||||||
}
|
}
|
||||||
|
|
||||||
function div_change(strID) {
|
|
||||||
document.getElementById(strID).style.display = (document.getElementById(strID).style.display == 'none') ? 'inline-block' : 'none';
|
|
||||||
document.getElementById(strID + "_shown").style.display = (document.getElementById(strID + "_shown").style.display == 'none') ? 'inline-block' : 'none';
|
|
||||||
document.getElementById(strID + "_hidden").style.display = (document.getElementById(strID + "_hidden").style.display == 'none') ? 'inline-block' : 'none';
|
|
||||||
}
|
|
||||||
|
|
||||||
function registerHamburgerToggleClickListener() {
|
function registerHamburgerToggleClickListener() {
|
||||||
let menu = document.querySelector("#menu");
|
let menu = document.querySelector("#menu");
|
||||||
let header = document.querySelector("#header");
|
let header = document.querySelector("#header");
|
||||||
|
|
Loading…
Reference in a new issue