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