Skip to content
This repository has been archived by the owner on Nov 13, 2022. It is now read-only.

Dynamic selectors #2

Merged
merged 189 commits into from
Nov 12, 2022
Merged

Dynamic selectors #2

merged 189 commits into from
Nov 12, 2022

Conversation

JonoHall
Copy link
Collaborator

PR Summary:

Please include a short description (using non-technical terms, 1-2 sentences) about the changes you are introducing, what problem is being fixed and/or describe the benefit to merchants. This content will be used in our release notes for Dawn on themes.shopify.com.

Why are these changes introduced?

Fixes #0.

What approach did you take?

Other considerations

Testing steps/scenarios

  • List all the testing tasks that applies to your fix and help peers to review your work.

Demo links
Please include a link to a demo store that includes preconfigured sections and settings to allow reviewers to easily test the features you are working on.

Checklist

sofiamatulis and others added 30 commits March 4, 2022 15:09
* Add missing gradients to cards

* Enforce solid bg on quantity input

* Add gradient to cart notification

* Add to nav, img banner, facets, slideshow, etc

* Add to media modal

* Add to submenu

* Remove search popup gradient

* Fix mobile facets scrolling/background

* Adjust mobile nav gradients

* Cleanup

* fix border radius on combination inputs
* Cleanup product media grid

* Adjust grid selectors

* Hopefully fix arrow alignment

* Fix non-stacked item widths
* update color list order

* change announcement bar string

* fix label

* update collapsible content

* update email signup banner

* update footer

* update header

* update image banner

* update image with text

* update password header and footer

* update email signup

* update rich text and slideshow

* update missing translations

* Update 20 translation files

* Update sections/announcement-bar.liquid

Co-authored-by: Ludo <ludo.segura@shopify.com>

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Co-authored-by: Ludo <ludo.segura@shopify.com>
* Simplify header dropdown menu CSS selectors

* Create popup utility class to apply popup global settings styles

* Add mega menu settings to header section. Add en locale. Add mega menu liquid as snippet. Add mega menu css

* Fix indent

* Add info to menu type setting

* Remove condition for showing dropdown menus for subcategories with no children

* Force zero border-radius and top/bottom border for mega menu container since it's full width

* Update 1 translation file

* Prevent mega menu shadows from overlapping header by reducing menu content z-index. Clean up unused CSS

* Add todo

* Show mega menu top border only if header does not have separator line enabled

* Remove empty line

* Update 16 translation files

* Update 3 translation files

* Remove mega menu snippet since contents are not being re-used. Add mega menu liquid in header directly instead

* Update assets/component-mega-menu.css

Co-authored-by: MM <martina.marien@shopify.com>

* Rename utility class

* Add mega menu content layout and styles (Shopify#1338)

* Add grid for mega menu content and styles for links

* Remove role="list" from ul elements since list is ul elements' default role

* Adjust link styles

* Set mega menu content max height based on viewport height. Use header bottom position set in JS for calculation

* Round position value down instead of up to be more consistent with other instances where --header-bottom-position value is set in JS

* Fix spacing

* Change level 2 link color to better distinguish from level 3 links

* Revert mega menu heading opacity to improve color contrast

* Merge branch 'add-mega-menu' of https://github.com/Shopify/dawn into add-mega-menu-content

# Conflicts:
#	snippets/mega-menu.liquid

* Add id to mega menu content container (JS will use id to add aria-control attribute to summary element). Add role="list" to ul in mega menu for a11y (when list bullets are removed some assistive technologies may not convey ul as list without explicit role)

* Fix typo

* Combine css properties for same class

* Set mega menu links to display block to ensure bigger touch target

* Add some bottom offset to menu max-height to prevent iOS Safari from cutting off bottom of menu

* Update link style (remove uppercase) for 2nd level links that have no children

* Update L2 link font to bold. Use Liquid to calculate bold font-weight value: "bold" will be +300 relative to default body font-weight, but restricted to max of 1000

* Address feedback. Add explicit role="list" for a11y (when list bullets are removed some assistive technologies may not convey ul as list without explicit role)

* Use rem instead of px

* Remove redundant css

* Update line height to account for body scale

* Move JS to set header bottom position CSS variable to its own custom HTML component. This is to ensure this snippet of JS does not run if not needed

* Remove usage of --viewport-height since its value may not have been set

* Update references (in JS and CSS) to details-disclosure to also account for header-menu which extends details-disclosure

* Update logic to set  --header-bottom-position-desktop value when menu is toggled, instead of in constructor. This ensures the header is visible when the value is calculated

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Co-authored-by: MM <martina.marien@shopify.com>
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
* Video alt text info content update

* Update locales/en.default.schema.json

* Update locales/en.default.schema.json

* Update 4 translation files

* Update 3 translation files

* Update 9 translation files

* Update 3 translation files

* Update 1 translation file

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
* Fixed condensed mega menu
* Fixed multicolumn gap spacing on mobile
* Add PR checkbox for theme documentation

* Update .github/PULL_REQUEST_TEMPLATE.md
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
kmeleta and others added 28 commits September 28, 2022 11:56
…opify#1974)

* update url from the info text to the latest

* fix parentheses

* Update 20 translation files

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Add a new Icon-With-Text block to Product Page
…y#1934)

* Move product media gallery and modal into snippets

* Gallery snippet api adjustments

* Fixes for featured product flexibility

* Exclude media_size from gallery api
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
* Remove setting for variant styling

* wrong edit fix
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
* Refactor ratio usage in product thumbnail

* Fix zoom icon placement and featured product issues

* Minor updates
* remove redundant role from SVGs

* hide icons from screen readers
* Fix z-index issue for mega menu in Safari

* add comment with context

* small edits

* change approach
add 'lightbox', 'hover', and 'none' zoom settings to images
@JonoHall
Copy link
Collaborator Author

Reset back to default.

@JonoHall JonoHall merged commit 14747bc into main Nov 12, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.