michael/webmin
1
0
Fork 0
mirror of https://github.com/webmin/webmin.git synced 2026-03-20 16:50:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix to switch to using HTML only menu accordion https://github.com/webmin/webmin/issues/1802#issuecomment-1343254856

Browse Source 
.. to support browsers with disabled JavaScript
This commit is contained in:
iliajie
2022-12-10 15:58:55 +02:00
parent f300bd7f5b
commit 06d429af32
4 changed files with 27 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
gray-theme/left.cgi
View File

@@ -17,7 +17,6 @@ require "gray-theme/theme.pl";
ReadParse();
popup_header("Virtualmin");
print "<script type='text/javascript' src='@{[&get_webprefix()]}/unauthenticated/toggleview.js'></script>\n";
my $is_master;
# Is this user root?
@@ -83,7 +82,7 @@ if (@has > 1) {
print "</div>";
}
print "<div class='wrapper'>\n";
print "<div class='wrapper leftmenu'>\n";
print "<table id='main' width='100%'><tbody><tr><td>\n";
my $selwidth = (get_left_frame_width() - 70)."px";
@@ -201,18 +200,10 @@ foreach my $item (@$items) {
elsif ($item->{'type'} eq 'cat') {
# Start of a new category
my $c = $item->{'id'};
print "<div class='linkwithicon'>";
print "<a href=\"javascript:toggleview('cat$c','toggle$c')\" ".
"id='toggle$c'><img border='0' src='images/closed.gif' ".
"alt='[+]'></a>\n";
print "<div class='aftericon'>".
"<a href=\"javascript:toggleview('cat$c','toggle$c')\" ".
"id='toggletext$c'>".
"<font color='#000000'>$item->{'desc'}</font></a></div>";
print "</div>\n";
print "<div class='itemhidden' id='cat$c'>\n";
print "<details>";
print "<summary><span>$item->{'desc'}</span></summary>";
show_menu_items_list($item->{'members'}, $indent+1);
print "</div>\n";
print "</details>\n";
}
elsif ($item->{'type'} eq 'html') {
# Some HTML block

50
gray-theme/left.css
View File

@@ -1,50 +0,0 @@
.mode {
left: auto;
right: auto;
}
.linkwithicon {
position: relative;
white-space: nowrap;
left: 2px;
width: 16px;
padding-top: 4px;
padding-bottom: 4px;
}
.linkwithicon img, .mode img {
margin-bottom: -2px;
}
.leftlink {
position: relative;
left: 4px;
right: 4px;
line-height: 1.6em;
}
.linkindented {
border: none;
position: relative;
margin-right: 2px;
margin-left: 20px;
line-height: 1.6em;
}
.linkwithicon.inactive a,
.linkindented.inactive a {
/* pointer-events: none; */
filter: grayscale(1);
opacity: .75;
}
.linkindented.inactive {
white-space: pre;
}
.linkwithicon.inactive sub,
.linkindented.inactive sub {
vertical-align: top;
}
.aftericon {
display: inline;
}
.domainmenu {
white-space: nowrap;
position: relative;
left: 4px;
padding-top: 2px;
}

24
gray-theme/unauthenticated/gray-theme.css
View File

@@ -311,4 +311,26 @@ br[data-x-br] {
form[action="config_save.cgi"] #sortableTable2 > thead > tr > td {
text-align: center;
}
}
.leftmenu details > summary {
cursor: pointer;
}
.leftmenu details > summary::marker {
color: #bbb;
font-size: 120%;
}
.leftmenu details > summary span {
padding-left: 2px;
white-space: nowrap;
color: #000;
}
.leftmenu details {
padding-left: 6px;
padding-bottom: 4px;
}
.leftmenu details .linkindented {
margin-left: 16px;
}

6
gray-theme/unauthenticated/toggleview.js
View File

@@ -1,6 +0,0 @@
function toggleview (id1,id2) {
var obj1 = document.getElementById(id1);
var obj2 = document.getElementById(id2);
(obj1.className=="itemshown") ? obj1.className="itemhidden" : obj1.className="itemshown";
(obj1.className=="itemshown") ? obj2.innerHTML="<img border='0' src='images/open.gif' alt='[&ndash;]'>" : obj2.innerHTML="<img border='0' src='images/closed.gif' alt='[+]'>";
}