Skip to content

Mobile ux fixes #2638

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

Jump to bottom
Merged
merged 50 commits into from Mar 13, 2024
Merged

Mobile ux fixes #2638

merged 50 commits into from Mar 13, 2024

Conversation

ghost
Copy link

@ghost ghost commented Mar 11, 2024 •
edited by ghost
Loading

Description

Resolves mobile specific UX issues based on last minute design feedback.

  • Consistent mobile breadcrumbs formatting.
  • Mobile hamburger navigation menu color contrast.
  • Mobile left / right padding across site (excluding legacy templates yet to be migrated into the new design system; eg individual blog pages, etc.)
  • Swipe behavior on hero carousel
  • Swipe behavior on testimonials
  • Mobile fixes and text styling changes for testimonial carousel
  • Carousel navigation dot spacing and coloring
  • Hides hero / testimonial carousel arrows on mobile in favor of swipe behavior
  • Release page mobile table styles; the same needs to be applied to all pages with tables to solve responsive device width concerns and data tables.
  • Various spacing issues specific to mobile devices.
  • Adds reusable category filtering to conference sessions and speakers listings for filtering based on session track.
  • Adds mobile UX for category filtering component.
  • Adds NodeJS automation script for creating boilerplate filesystem structure, and placeholder content for new OpenSearchCon conferences, and updating the top navigation menu items.
  • Adds NodeJS automation script for automating the archival of an existing OpenSearchCon conference content, and updating the top navigation menu items.
  • Adds necessary NPM dependencies and script names to the package.json.
  • Removes old placeholder images for community members without photos.

Check List

  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the BSD-3-Clause License.

Aaron Stephanus added 30 commits February 26, 2024 11:12
Adds mobile specific rules for breadcrumbs
68845d0 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds mobile specific color contrast to top navigation header menu items
ad8ff2a 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds responsive mobile table styles
ace5e8b 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds mobile tables to releases page
91fc07d 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds mobile styles for general padding and the testimonials carousel
c7b6362 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes mobile button spacing on home page; corrects homepage carousel …
0cb8117 
…height override

Signed-off-by: Aaron Stephanus <[email protected]>
Adds mobile spacing optimizations
8907137 
Signed-off-by: Aaron Stephanus <[email protected]>
Updates latest from main, and resolves merge conflicts
292e319 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes mobile navigation menu styles and behaviors
275d0c6 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes conference archive padding on mobile; changes 2023 north americ…
962964a 
…a conference archive hero images

Signed-off-by: Aaron Stephanus <[email protected]>
Adds swipe behaviors to hero carousels
f456ba6 
Signed-off-by: Aaron Stephanus <[email protected]>
Increases spacing between carousel navigation dots; darkens color sli…
f694abb 
…ghtly for active carousel item navigation dot

Signed-off-by: Aaron Stephanus <[email protected]>
Adds button and list styling to the slack page
180b215 
Signed-off-by: Aaron Stephanus <[email protected]>
Performance adjustments and swipe distance threshold added to hero ca…
71e43b7 
…rousel touch and mouse events

Signed-off-by: Aaron Stephanus <[email protected]>
Reduces swipe distance threshold for carousel swiping
b0eacaa 
Signed-off-by: Aaron Stephanus <[email protected]>
Updates conference session collection sample data file
1d4864a 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds node script for auto creation of new conference content boilerpl…
2a35951 
…ate.

Signed-off-by: Aaron Stephanus <[email protected]>
Fixing logic errors in the opensearchcon creation script
2b02724 
Signed-off-by: Aaron Stephanus <[email protected]>
Corrects layout names in sample conference files
aaba9e3 
Signed-off-by: Aaron Stephanus <[email protected]>
Removes obsolete collection config from the _config.yml
34b56df 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds conference creation automation script functions to update top na…
d22fc18 
…vigation menu

Signed-off-by: Aaron Stephanus <[email protected]>
Removes object debugging console calls
90df2a9 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds usage notes, and implementation comments to the conference creat…
bc9492f 
…ion automation script; adds missing front matter properties to the sample conference landing page markdown.

Signed-off-by: Aaron Stephanus <[email protected]>
Adds conference session and speaker list buttons and breadcrumbs chan…
0272604 
…ges to the community member pages for conference speakers when their page has been navigated to from a conference page

Signed-off-by: Aaron Stephanus <[email protected]>
Adds missing blank line at end of file
5f7cd2f 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds session track content filtering
1229b2f 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds session track category filtering to conference speakers
b4aa712 
Signed-off-by: Aaron Stephanus <[email protected]>
Removes dead CSS code for an old navigation header implementation.
9d70ede 
Signed-off-by: Aaron Stephanus <[email protected]>
Corrects speaker session track name
ef6519d 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds session track filtering to speaker pages
0759de2 
Signed-off-by: Aaron Stephanus <[email protected]>
Aaron Stephanus added 14 commits March 11, 2024 00:25
Adds session track based categorical filtering to the conference sess…
faf68de 
…ions listing template

Signed-off-by: Aaron Stephanus <[email protected]>
Merge branch 'main' into mobile-ux-fixes
acaeb1b 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes broken mobile layout of community members recent blogs cards
c13cbea 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds redirect from non-existent community landing page to community m…
f2d8017 
…embers listing page

Signed-off-by: Aaron Stephanus <[email protected]>
Fixes right margin overflow on conference landing page side bar butto…
2307ead 
…ns on mobile

Signed-off-by: Aaron Stephanus <[email protected]>
Fixes problems with mobile padding
f375160 
Signed-off-by: Aaron Stephanus <[email protected]>
Corrects new mobile padding rules for community page
3d6bae0 
Signed-off-by: Aaron Stephanus <[email protected]>
Adds mobile ux for calendar and event listing category filtering
a2718ef 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes mobile padding for individual events template
084bdc3 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes mobile padding on conference exhibitors pages
3a3c4bd 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes platform landing page button padding
76feb2f 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes mobile padding issue making breadcrumbs wrap on mobile
4d6adf8 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes platform page mobile padding issues
80d5cdd 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes problem with the opensearch assistant toolkit hero carousel tex…
e6619d8 
…t overlapping the cta button on small screens

Signed-off-by: Aaron Stephanus <[email protected]>
Aaron Stephanus added 6 commits March 11, 2024 18:04
Adds a NodeJS script and dependencies to automate the process of arch…
96eff13 
…iving a conference

Signed-off-by: Aaron Stephanus <[email protected]>
Corrects business logic in conference creation and archival automatio…
c9fb2d2 
…n scripts; updates conference landing page name to be semantically accurate

Signed-off-by: Aaron Stephanus <[email protected]>
Fixes session video padding error
a81f49a 
Signed-off-by: Aaron Stephanus <[email protected]>
Fixes mobile conference schedule table layout for 2023; refactors mob…
18168c2 
…ile table logic for abstract reusability

Signed-off-by: Aaron Stephanus <[email protected]>
Fixes mobile vs desktop events link
7d5fb7c 
Signed-off-by: Aaron Stephanus <[email protected]>
Removes old placeholder image from community members without photos; …
eb6a7b0 
…updates templates accordingly

Signed-off-by: Aaron Stephanus <[email protected]>
nateynateynate
nateynateynate approved these changes Mar 13, 2024
View reviewed changes
Copy link
Member

@nateynateynate nateynateynate left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A gorgeous and huge chunk of code. Thanks Aaron. LGTM.

@nateynateynate nateynateynate merged commit c0652ac into opensearch-project:main Mar 13, 2024
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@elfisher elfisher Awaiting requested review from elfisher elfisher is a code owner

@AMoo-Miki AMoo-Miki Awaiting requested review from AMoo-Miki AMoo-Miki is a code owner

@krisfreedain krisfreedain Awaiting requested review from krisfreedain krisfreedain is a code owner

@peterzhuamazon peterzhuamazon Awaiting requested review from peterzhuamazon peterzhuamazon is a code owner

@CEHENKLE CEHENKLE Awaiting requested review from CEHENKLE CEHENKLE is a code owner

@kolchfa-aws kolchfa-aws Awaiting requested review from kolchfa-aws kolchfa-aws is a code owner

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@nateynateynate