studio/integration
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gaufre: hide it if the server is unavailable

Browse Source 
use visiblity: hidden instead of display: none to prevent layout shifts.
This commit is contained in:
Emmanuel Pelletier
2024-05-15 09:52:42 +02:00
parent bdf31c94a0
commit 1618bb1d1b
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/integration/src/styles/gaufre.css
View File

@@ -84,3 +84,7 @@
[data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:active { [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:active {
background-color: #474747 !important; background-color: #474747 !important;
} }
html:not(.lasuite--gaufre-loaded) .lasuite-gaufre-btn {
visibility: hidden !important;
}

2
website/public/api/v1/gaufre.js
View File

@@ -2,6 +2,8 @@
const BUTTON_CLASS = "js-lasuite-gaufre-btn" const BUTTON_CLASS = "js-lasuite-gaufre-btn"
let lastFocusedButton = null let lastFocusedButton = null
window.document.documentElement.classList.add("lasuite--gaufre-loaded")
if ("requestIdleCallback" in window) { if ("requestIdleCallback" in window) {
requestIdleCallback(() => { requestIdleCallback(() => {
appendPopup() appendPopup()