Skip to content

Projects filters 3744 #4280

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

Merged
roslynwythe merged 26 commits into from
Apr 8, 2023
Merged

Projects filters 3744 #4280

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
7f383f1
Filters moved to sidebar, still work as before
chrismenke45 Mar 13, 2023
ad3325e
fixed filter title margin
chrismenke45 Mar 13, 2023
d6a7b4f
only 8 dropdown checkboxes show for each category and 'view all' is s…
chrismenke45 Mar 13, 2023
25c8895
event handler added to show all checkboxes on 'veiw all' click
chrismenke45 Mar 14, 2023
195e04f
desktop sidebar filter done, filters can collapse
chrismenke45 Mar 15, 2023
08d4527
mobile filter looks good closed, need opening functonality
chrismenke45 Mar 15, 2023
a6f84e1
mobile layout works
chrismenke45 Mar 17, 2023
c22497c
added box-sizing: border-box and cancel/apply buttons for mobile
chrismenke45 Mar 22, 2023
84b490c
added aria labels and tabindexes for accesibility
chrismenke45 Mar 23, 2023
f47a31d
added aria-label and tabindex values to filter tags and clear all fil…
chrismenke45 Mar 24, 2023
fd13184
made mobile filter buttons work and added sticky (nonfunctional) cont…
chrismenke45 Mar 24, 2023
3499b44
sticky filter sidebar works
chrismenke45 Mar 24, 2023
00b0223
commented event handlers
chrismenke45 Mar 24, 2023
ed3aee4
flipped dropdown arrows to reflect figma design
chrismenke45 Mar 24, 2023
b0348d3
Merge branch 'hackforla:gh-pages' into Projects-Filters-3744
chrismenke45 Mar 24, 2023
0c9156c
fixed filter open button margin on mobile
chrismenke45 Mar 24, 2023
2eda0c3
fixed mobile container to have padding
chrismenke45 Mar 24, 2023
480ea91
added filter tags to mobile layout when filter popup is closed
chrismenke45 Mar 24, 2023
f747a31
added applied filters title
chrismenke45 Mar 24, 2023
384b02f
fixed mobilefilter pop up padding problem
chrismenke45 Mar 24, 2023
05381f9
reduced padding on filter-toolbar to raise it up
chrismenke45 Mar 24, 2023
642030b
Filters sidebar lifted up to be inline with project cards top
chrismenke45 Mar 28, 2023
02a1601
put svg's directly in html to have custom id's
chrismenke45 Mar 29, 2023
97c79cd
role=button added to spans/li's that act as buttons
chrismenke45 Mar 30, 2023
c9407c9
changed breakpoint to deskop size instead of tablet
chrismenke45 Apr 6, 2023
758a402
reverted to have breakpoint at mobile screen size
chrismenke45 Apr 6, 2023
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
45 changes: 31 additions & 14 deletions _includes/current-projects.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,35 @@
<a class="anchor" id="projects"></a>
<section class="content-section projects">
<div class="page-contain projects-inner">
<h2 class="project-header title2">Current Projects</h2>
<p class="project-pitch">
Have an idea?
<a href="mailto:team@hackforla.org?subject=Submitting my pitch to Hack for LA" class="btn btn-primary btn-md-narrow"
>Submit your pitch</a
>
</p>
</div>
<div class="page-contain filter-toolbar">
<ul class="filter-list" id="filter-list"></ul>
<div class="filter-tag-container"></div>
</div>
<section class="content-section projects filter-content-container">
<nav class="filter-toolbar" aria-label="Filter Navbar">
<div class="stickyDiv">
<h3 class="filters-title">
Filters
<button class="show-filters-button" aria-label="Show All Filters">
<svg id='hamburger-filter-nav' width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.6297 12.2046H3.6297" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.6297 6.20459H3.6297" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.6297 18.2046H3.6297" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button class="hide-filters-button" aria-label="Hide All Filters">
<svg id='hamburger-filter-nav-x' width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.6292 6.99756L6.62915 18.9976" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.62915 6.99756L18.6292 18.9976" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</h3>
<div class="filter-tag-container"></div>
<ul class="filter-list" id="filter-list"></ul>
<div class="mobile-filter-buttons">
<button class="cancel-mobile-filters btn-md btn-dark">
Cancel
</button>
<button class="hide-filters-button btn-md btn-primary">
Apply
</button>
</div>
</div>
</nav>
<div class="page-contain projects-inner" style="clear: left">
<ul class="project-list unstyled-list"></ul>
</div>
Expand Down
2 changes: 1 addition & 1 deletion _sass/elements/_base.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ body {
height: auto;
margin: 0;
min-height: 100%;
overflow-x: hidden;
overflow-x: clip;
padding: 0;
text-shadow: $color-text-shadow 0 0 1px; // Text anti-aliasing.
}
Expand Down
Loading