Skip to content

removed js #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mayhemcreates wants to merge 2 commits into
base: master
Choose a base branch
from
Open

removed js #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
831d1fc
removed js
Mar 26, 2021
8231791
Update express/css/custom.css
mayhemcreates Mar 26, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 12 additions & 13 deletions express/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,16 +68,10 @@ font-family: 'Questrial', sans-serif;
border:none;
cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: red;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
Expand All @@ -98,12 +92,17 @@ font-family: 'Questrial', sans-serif;
display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
Comment thread
mayhemcreates marked this conversation as resolved.
.dropdown:hover .dropbtn {background-color: #3e8e41;}

/* ===================================
listings grid
Expand All @@ -122,4 +121,4 @@ font-family: 'Questrial', sans-serif;
width: 300px;
height: 300px;
object-fit: cover;
}
}
7 changes: 5 additions & 2 deletions express/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,16 @@ <h2>For gardens on the grooow</h2>
</section>
<section id="filters">
<div class="filter-wrapper">
<!--buttons-->
<div class="nav-item">
<button onclick="myFunction()" class="dropbtn">Sort</button>
<div id="myDropdown" class="dropdown-content">
<div class="dropdown">
<button class="dropbtn">Sort</button>
<div class="dropdown-content">
<a href="#">Sort A-Z</a>
<a href="#">Sort Z-A</a>
<a href="#">Sort Jan - Dec</a>
</div>
</div>
</div>
<div class="nav-item">
<button onclick="myfunction()" class="dropbtn">Filter</button>
Expand Down