fred.boniface/athena.fb-infra.uk
Archived
1
0
Fork 0
Code Issues 72 Pull Requests Packages Projects Releases Activity

Temporary fix menu

Browse Source
This commit is contained in:
Fred Boniface 2022-09-22 21:14:33 +01:00
parent 33dde0a541
commit d9f5aaf22a
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
page-blocks/nav-menu.php
View File

@ -3,8 +3,8 @@
echo '<div class="dropdown">'; echo '<div class="dropdown">';
echo ' <button onclick="myFunction()" class="dropbtn">Menu</button>'; echo ' <button onclick="myFunction()" class="dropbtn">Menu</button>';
echo ' <div id="myDropdown" class="dropdown-content">'; echo ' <div id="myDropdown" class="dropdown-content">';
echo ' <a href="#">Link 0</a>'; echo ' <a href="/">Home</a>';
echo ' <a href="#">Link 1</a>'; echo ' <a href="/issue.php">Report Issue</a>';
echo ' <a href="#">Link 2</a>'; echo ' <a href="/help.php">Help</a>';
echo ' </div>'; echo ' </div>';
echo '</div>'; echo '</div>';

7
styles/style.css
View File

@ -127,12 +127,13 @@ body {
padding: 12px; padding: 12px;
font-size: 12px; font-size: 12px;
border: none; border: none;
border-bottom-left-radius: 10px;
cursor: pointer; cursor: pointer;
} }
/* Dropdown button on hover & focus */ /* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus { .dropbtn:hover, .dropbtn:focus {
background-color: #2980B9; background-color: #0280e5;
} }
/* The container <div> - needed to position the dropdown content */ /* The container <div> - needed to position the dropdown content */
@ -145,7 +146,7 @@ body {
.dropdown-content { .dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: #f1f1f1; background-color: #7fa7e6;
min-width: 160px; min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
@ -153,7 +154,7 @@ body {
/* Links inside the dropdown */ /* Links inside the dropdown */
.dropdown-content a { .dropdown-content a {
color: black; color: white;
padding: 12px 16px; padding: 12px 16px;
text-decoration: none; text-decoration: none;
display: block; display: block;