this does not update the new gaufre widget. this adds latest LaSuite
products in the old gaufre so that services that did not update to the
new gaufre still get somewhat up to date data (not uptodate logos
though, but at least its the correct services list)
- Fixed the logic for the "show more" button text to correctly reflect
the current state.
- Updated button color for better visibility and adjusted styles by
removing the minimum width constraint.
in DS, they have a footer that makes the website have a width larger
than viewport (creating horizontal scroll); this case was not handled
well by the gaufre on mobile. This rather rare case is now handled and
the gaufre doesn't care of the size of other content now.
- add aria attributes on load with the gaufre api script so that people
already using la gaufre don't necessarely *have* to update their code
- add the aria patterns in given code examples/react components. In some
cases, our small page load JS code isn't enough: for example on SPAs
where gaufre buttons might be loaded after page load.
thanks @inseo
while the idea is great at first, in fact it's a bit weird to publish a
new package version for something people don't actually use except the
docs website… and it makes it easier to publish website updates.
Duplicate a bit to ease up everything
the 100vh takes too much place sometime, making the close button being
rendered behind the browser UI. now we use the "svh" unit when
available, which is the same as vh but making sure we dont overlap with
browser UI.
command used (assuming Marianne-Regular.woff2 is in website/public/fonts
dir, taken from the dsfr):
glyphhanger \
--subset="./Marianne-Regular.woff2" \
--formats=woff2 \
--whitelist="DémarchessimplifiéesFranceTransfertGristNotepaddel'ÉtatRDVServicePublicResanaTchapWebConférencedel'ÉtatWebinairedel'ÉtatFermer✕
"
we had feedback where text in the popup was rendered with completely
random characters… adding the unicode range should help?
this is done following up Tchap integration.
- the popup placement script was really dumb and assumed the gaufre
button was always placed at the top right of the page. Tchap can't do
that and uses it at the bottom left. Now the popup places itself
correctly wherever the button is on the page.
On mobile now we have a "modal" mode for the popup where it takes all
the viewport.
- Tchap uses the gaufre inside their own popup component. This was not
something we handled before. Now you can set up a
'lasuite--gaufre-borderless' class on your html or body tag so that the
gaufre doesn't render its box shadow or blue border, making it easier to
integrate in a already made popup.
rework a bit the backgrounds transformation script so that we can later
easily force a specific background for a specific service. This comes
from a request from france-transfert but they changed their mind in the
end. Felt like the logic is good to keep for later though.
