Граф коммитов

3316 Коммитов

Автор SHA1 Сообщение Дата
Simon Fessehaye c1a320478a dropdown text fix 2023-01-26 11:42:33 -08:00
Simon Fessehaye e8dcf3ae33 Alignment and accessibility fixes 2023-01-26 10:58:14 -08:00
Simon Fessehaye 0141d136da Revert "Merge branch '9870-length' of https://github.com/mozilla/foundation.mozilla.org into 9870-length"
This reverts commit a4c65fbfe9.
2023-01-26 10:20:44 -08:00
Simon Fessehaye a4c65fbfe9 Merge branch '9870-length' of https://github.com/mozilla/foundation.mozilla.org into 9870-length 2023-01-26 09:31:25 -08:00
Simon Fessehaye cf771e0120 Format 2023-01-26 09:29:30 -08:00
Simon Fessehaye 4a13c359fb 9870 - Expand dropdown box and search bar to fit length of text
fix absolute position

PR Feedback
2023-01-26 09:10:45 -08:00
Tibor Leupold a2ab260bad Add slug as id on section and href in heading anchor
The anchor does not really provide much value at this point. I have only
added it to make it similar to how the richtext heading anchors work.

But, instead of setting the id on the anchor I am setting it on the
section. This makes sure the whole section is visible when linked to it
and that the image is not cut off based on the arbitrary offset in the
`fragment-id` class.
2023-01-24 16:05:24 -08:00
Tibor Leupold 7ffc3bd799 Add image teaser value class with slug prop 2023-01-24 16:05:24 -08:00
Daniel Miranda 63db6c5966
Revert "Revert "Pass language code to Tito widget"" 2023-01-24 10:02:21 -08:00
Tibor Leupold 7271aea1aa Fix template indentation 2023-01-20 16:44:20 -08:00
Tibor Leupold ecb81d4c9d Merge branch 'main' into 9901-improve-image-quality-card-block 2023-01-20 16:32:05 -08:00
Simon Fessehaye fa65b22dc3 PR Feedback 2023-01-20 16:07:46 -08:00
Tibor Leupold 81eeb6187b Indent all templates with djhtml 2023-01-20 09:24:24 -08:00
Tibor Leupold eeb3b48c9d Replace deprecated xmp element with code 2023-01-20 09:18:03 -08:00
Tibor Leupold 159f5305e5 Escape displayed angle brackets in styleguide 2023-01-20 09:08:18 -08:00
Tibor Leupold 71babacfcb Manually fix indent of research_filter_button 2023-01-20 09:03:32 -08:00
Tibor Leupold 64b5ccc338 Skip formatting of research_filter_button 2023-01-20 09:01:59 -08:00
Tibor Leupold 3522d98cb9 Add image wrappe with background and aspect ratio
The wrapper ensure that the correct space for the image is already
reserved. This avoids a layout shift when the image is rendering.

To signify the location of the image, a gray background is used on the
wrapper.
2023-01-19 16:52:42 -08:00
Tibor Leupold 3978abd391 Move card grid block template to central dir 2023-01-19 16:45:56 -08:00
Tibor Leupold 42aa37cd21 Add high resolution variants for the image sources 2023-01-19 16:41:53 -08:00
Tibor Leupold d7770b43aa Add picture element to load images size based on breakpoint 2023-01-19 16:41:53 -08:00
Tibor Leupold 8a594e83fb Fix indent of card grid block 2023-01-19 16:41:53 -08:00
Simon Fessehaye 0bb3d01b0b fix absolute position 2023-01-19 14:45:09 -08:00
Simon Fessehaye 1507964c2e 9870 - Expand dropdown box and search bar to fit length of text 2023-01-19 14:02:12 -08:00
Tibor Leupold 1a6a2ecd85 Merge branch 'main' into 9901-improve-resolution-of-publication-hero 2023-01-19 10:01:39 -08:00
Daniel Miranda 509dec1df1
Merge branch 'main' into 9853-display-category-cta 2023-01-19 08:54:03 -08:00
Mavis Ou ac3ce0e787
Merge branch 'main' into 9872-pni-bubble-styling-adjustments 2023-01-18 14:46:49 -08:00
Mavis Ou a4ac6c824c 9872 - design tweaks for PNI speech bubbles 2023-01-18 14:42:34 -08:00
Tibor Leupold 33d0f56683 Fix import sorting 2023-01-18 14:37:19 -08:00
Tibor Leupold 89b6073896 Fix typos 2023-01-18 14:37:19 -08:00
Tibor Leupold b8e69c958a Only add negative margins when heading link box is displayed
This was causing issue befor on pages that don't have the heading box,
because the body would be overlapping with the hero.
2023-01-18 14:37:19 -08:00
Tibor Leupold 590ea3d3d6 Use responsive screen wide image for non full screen custom hero 2023-01-18 14:37:19 -08:00
Tibor Leupold 841bfaf5cf Use responsive screen wide image comp for full screen custom hero 2023-01-18 14:37:19 -08:00
Tibor Leupold 3927877a50 Extract fragement of responsive screen wide image 2023-01-18 14:37:19 -08:00
Tibor Leupold 8a3f79b6ea Add picture element to match image size to screen width 2023-01-18 14:37:19 -08:00
Tibor Leupold 79a209dbda Recreate the background image with overlay in Tailwind
This is also not using a real background image but an `img` tag. This
is, so in the next step, I can covert this to a `picture` with multiple
image sizes for different screen sizes.
2023-01-18 14:37:18 -08:00
Tibor Leupold 1ecbdb113b Move padding from scss to Tailwind 2023-01-18 14:37:18 -08:00
Tibor Leupold db782a1efb Move background gradient (when no image) to Tailwind 2023-01-18 14:37:18 -08:00
Tibor Leupold 228244c2ba Remove unnecessary classes 2023-01-18 14:37:18 -08:00
Tibor Leupold 63fbf7062e Simplify image check 2023-01-18 14:37:18 -08:00
Tibor Leupold b0e90cd1e9 Fix indentation of publication hero 2023-01-18 14:37:18 -08:00
Tibor Leupold 75a3c720ef Fix indentation of custom hero template 2023-01-18 14:37:18 -08:00
Tibor Leupold 128a6c6b94 Move custom hero template to central dir 2023-01-18 14:37:18 -08:00
Tibor Leupold 6bb178a9c7 Move publication hero template to central directory 2023-01-18 14:37:18 -08:00
Tibor Leupold 947be8d515 Fix indent of aritcle and publication page 2023-01-18 14:37:18 -08:00
Tibor Leupold 08c0e74504 Add tests for custom hero to article and publication page 2023-01-18 14:37:18 -08:00
Tibor Leupold 6f493f6a6d Add very basic tests for article page type 2023-01-18 14:37:18 -08:00
Tibor Leupold 39ff701433 Add child pages test to publication page tests 2023-01-18 14:37:18 -08:00
Tibor Leupold 6218388a45 Fix document definition in publication factory 2023-01-18 14:37:18 -08:00
Tibor Leupold 7c7c4971e7 Add basic tests for publication test 2023-01-18 14:37:18 -08:00