issue-fix #32
@ -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>';
|
||||||
|
@ -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;
|
||||||
|
Reference in New Issue
Block a user