Fossil SCM

Add the hamburger menu to the ardoise skin.

drh 2021-01-25 19:11 trunk
Commit b20654662e4df0aecfdae30fb7f0a4e8f35780113207849e632d1a6bbf863a1b
Parent 9cd74289c0a7660…
2 files changed +11 +19 -18
~ skins/ardoise/css.txt ~ skins/ardoise/header.txt
M skins/ardoise/css.txt
+11
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -657,13 +657,15 @@
657657
 .content {
658658
 padding-top: 8px;
659659
 padding-left: 8px;
660660
 padding-right: 8px
661661
 }
662
+#hbdrop a,
662663
 .content a {
663664
 color: #8cf
664665
 }
666
+#hbdrop a:hover,
665667
 .content a:hover,
666668
 .submenu a:hover,
667669
 .submenu label:hover {
668670
 color: #fff
669671
 }
@@ -693,10 +695,11 @@
693695
 .mainmenu {
694696
 background-color: #161819;
695697
 border-top-right-radius: 15px;
696698
 border-top-left-radius: 15px;
697699
 clear: both
700
+ z-index: 21;
698701
 }
699702
 .mainmenu ul {
700703
 list-style: none;
701704
 display: block;
702705
 border-top: 1px solid transparent;
@@ -726,10 +729,18 @@
726729
 border-radius: 5px
727730
 }
728731
 .mainmenu li:hover a {
729732
 color: #000
730733
 }
734
+div#hbdrop {
735
+ background-color: #161819;
736
+ border-radius: 15px;
737
+ display: none;
738
+ width: 100%;
739
+ position: absolute;
740
+ z-index: 20;
741
+}
731742
 .submenu {
732743
 padding: 4px 0;
733744
 background-color: #000;
734745
 border-bottom-right-radius: 15px;
735746
 border-bottom-left-radius: 15px;
736747
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -657,13 +657,15 @@
657 .content {
658 padding-top: 8px;
659 padding-left: 8px;
660 padding-right: 8px
661 }
 
662 .content a {
663 color: #8cf
664 }
 
665 .content a:hover,
666 .submenu a:hover,
667 .submenu label:hover {
668 color: #fff
669 }
@@ -693,10 +695,11 @@
693 .mainmenu {
694 background-color: #161819;
695 border-top-right-radius: 15px;
696 border-top-left-radius: 15px;
697 clear: both
 
698 }
699 .mainmenu ul {
700 list-style: none;
701 display: block;
702 border-top: 1px solid transparent;
@@ -726,10 +729,18 @@
726 border-radius: 5px
727 }
728 .mainmenu li:hover a {
729 color: #000
730 }
 
 
 
 
 
 
 
 
731 .submenu {
732 padding: 4px 0;
733 background-color: #000;
734 border-bottom-right-radius: 15px;
735 border-bottom-left-radius: 15px;
736
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -657,13 +657,15 @@
657 .content {
658 padding-top: 8px;
659 padding-left: 8px;
660 padding-right: 8px
661 }
662 #hbdrop a,
663 .content a {
664 color: #8cf
665 }
666 #hbdrop a:hover,
667 .content a:hover,
668 .submenu a:hover,
669 .submenu label:hover {
670 color: #fff
671 }
@@ -693,10 +695,11 @@
695 .mainmenu {
696 background-color: #161819;
697 border-top-right-radius: 15px;
698 border-top-left-radius: 15px;
699 clear: both
700 z-index: 21;
701 }
702 .mainmenu ul {
703 list-style: none;
704 display: block;
705 border-top: 1px solid transparent;
@@ -726,10 +729,18 @@
729 border-radius: 5px
730 }
731 .mainmenu li:hover a {
732 color: #000
733 }
734 div#hbdrop {
735 background-color: #161819;
736 border-radius: 15px;
737 display: none;
738 width: 100%;
739 position: absolute;
740 z-index: 20;
741 }
742 .submenu {
743 padding: 4px 0;
744 background-color: #000;
745 border-bottom-right-radius: 15px;
746 border-bottom-left-radius: 15px;
747
M skins/ardoise/header.txt
+19 -18
--- skins/ardoise/header.txt
+++ skins/ardoise/header.txt
@@ -31,41 +31,42 @@
3131
 } else {
3232
 html "<li>"
3333
 }
3434
 html "<a href='$home$url'>$name</a></li>\n"
3535
 }
36
+html "<li><a id='hbbtn' href='$home/sitemap' aria-label='Site Map'>&#9776;</a></li>"
37
+builtin_request_js hbmenu.js
3638
 menulink $index_page Home
3739
 if {[anycap jor]} {
3840
 menulink /timeline Timeline
3941
 }
4042
 if {[hascap oh]} {
4143
 menulink /dir?ci=tip Files
4244
 }
43
-if {[hascap o]} {
44
- menulink /brlist Branches
45
- menulink /taglist Tags
46
-}
47
-if {[anycap 23456] || [anoncap 2] || [anoncap 3]} {
48
- menulink /forum Forum
49
-}
50
-if {[hascap r]} {
51
- menulink /ticket Tickets
52
-}
53
-if {[hascap j]} {
54
- menulink /wiki Wiki
55
-}
56
-if {[hascap o]} {
57
- menulink /help Help
58
- }
45
+# if {[hascap o]} {
46
+# menulink /brlist Branches
47
+# menulink /taglist Tags
48
+# }
49
+# if {[anycap 23456] || [anoncap 2] || [anoncap 3]} {
50
+# menulink /forum Forum
51
+# }
52
+# if {[hascap r]} {
53
+# menulink /ticket Tickets
54
+# }
55
+# if {[hascap j]} {
56
+# menulink /wiki Wiki
57
+# }
58
+# if {[hascap o]} {
59
+# menulink /help Help
60
+# }
5961
 if {[hascap s]} {
6062
 menulink /setup Admin
61
-} elseif {[hascap a]} {
62
- menulink /setup_ulist Users
6363
 }
6464
 </th1>
6565
 </ul>
6666
 </div> <!-- end div mainmenu -->
67
+ <div id="hbdrop"></div>
6768
 </div> <!-- end div container -->
6869
 </div> <!-- end div header -->
6970
 <div class="middle max-full-width">
7071
 <div class="container">
7172
 <th1>
7273
--- skins/ardoise/header.txt
+++ skins/ardoise/header.txt
@@ -31,41 +31,42 @@
31 } else {
32 html "<li>"
33 }
34 html "<a href='$home$url'>$name</a></li>\n"
35 }
 
 
36 menulink $index_page Home
37 if {[anycap jor]} {
38 menulink /timeline Timeline
39 }
40 if {[hascap oh]} {
41 menulink /dir?ci=tip Files
42 }
43 if {[hascap o]} {
44 menulink /brlist Branches
45 menulink /taglist Tags
46 }
47 if {[anycap 23456] || [anoncap 2] || [anoncap 3]} {
48 menulink /forum Forum
49 }
50 if {[hascap r]} {
51 menulink /ticket Tickets
52 }
53 if {[hascap j]} {
54 menulink /wiki Wiki
55 }
56 if {[hascap o]} {
57 menulink /help Help
58 }
59 if {[hascap s]} {
60 menulink /setup Admin
61 } elseif {[hascap a]} {
62 menulink /setup_ulist Users
63 }
64 </th1>
65 </ul>
66 </div> <!-- end div mainmenu -->
 
67 </div> <!-- end div container -->
68 </div> <!-- end div header -->
69 <div class="middle max-full-width">
70 <div class="container">
71 <th1>
72
--- skins/ardoise/header.txt
+++ skins/ardoise/header.txt
@@ -31,41 +31,42 @@
31 } else {
32 html "<li>"
33 }
34 html "<a href='$home$url'>$name</a></li>\n"
35 }
36 html "<li><a id='hbbtn' href='$home/sitemap' aria-label='Site Map'>&#9776;</a></li>"
37 builtin_request_js hbmenu.js
38 menulink $index_page Home
39 if {[anycap jor]} {
40 menulink /timeline Timeline
41 }
42 if {[hascap oh]} {
43 menulink /dir?ci=tip Files
44 }
45 # if {[hascap o]} {
46 # menulink /brlist Branches
47 # menulink /taglist Tags
48 # }
49 # if {[anycap 23456] || [anoncap 2] || [anoncap 3]} {
50 # menulink /forum Forum
51 # }
52 # if {[hascap r]} {
53 # menulink /ticket Tickets
54 # }
55 # if {[hascap j]} {
56 # menulink /wiki Wiki
57 # }
58 # if {[hascap o]} {
59 # menulink /help Help
60 # }
61 if {[hascap s]} {
62 menulink /setup Admin
 
 
63 }
64 </th1>
65 </ul>
66 </div> <!-- end div mainmenu -->
67 <div id="hbdrop"></div>
68 </div> <!-- end div container -->
69 </div> <!-- end div header -->
70 <div class="middle max-full-width">
71 <div class="container">
72 <th1>
73

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button