mirror of
https://github.com/Sped0n/bridget.git
synced 2026-04-18 12:09:29 -07:00
feat: add loading indicator for desktop and mobile (#244)
* feat: add new CSS rule for hiding elements - Add a new CSS rule for the class "hide" with a display property set to "none". * feat: refactor image loading and navigation logic on desktop - Add a line of code in `assets/ts/desktop/stage.ts` to reset the `src` of `elc` and add a class `hide` to it - Add a line of code in `assets/ts/desktop/stage.ts` to call the `loader` function with `elc` as an argument - Add a function `loader` in `assets/ts/desktop/stage.ts` to handle image loading and error events - Modify the `initStageNav` function in `assets/ts/desktop/stageNav.ts` to watch the `isLoading` state and set custom cursor accordingly - Modify the `initStageNav` function in `assets/ts/desktop/stageNav.ts` to handle close click events by calling the `handleClick` function and setting `isLoading` state to false - Modify the `initStageNav` function in `assets/ts/desktop/stageNav.ts` to handle previous/next click events by calling the `handleClick` function only if `isLoading` is false - Modify the `initStageNav` function in `assets/ts/desktop/stageNav.ts` to handle previous/next hover events by setting `loadedText` and updating custom cursor depending on `isLoading` state * feat: refactor createGallery function and enhance loading functionality on mobile - Add a loading text element to the gallery.scss file - Add a loading indicator to the createGallery function in gallery.ts - Modify the createGallery function in gallery.ts to hide the loading text element on image load - Move the image element append logic to the parent container in the createGallery function in gallery.ts * feat: update translations and add new loading translation in i18n files * chore: remove css source map * chore: modify build command to ignore css source map * refactor: remove unnecessary style * fix: fix desktop cursor text transition bug
This commit is contained in:
@@ -8,3 +8,5 @@ other = "schließen"
|
||||
other = "schwelle"
|
||||
[404]
|
||||
other = "seite nicht gefunden"
|
||||
[loading]
|
||||
other = "lade"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "close"
|
||||
other = "threshold"
|
||||
[404]
|
||||
other = "page not found"
|
||||
[loading]
|
||||
other = "loading"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "cerrar"
|
||||
other = "umbral"
|
||||
[404]
|
||||
other = "página no encontrada"
|
||||
[loading]
|
||||
other = "cargando"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "fermer"
|
||||
other = "seuil"
|
||||
[404]
|
||||
other = "page non trouvée"
|
||||
[loading]
|
||||
other = "chargement"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "chiudi"
|
||||
other = "soglia"
|
||||
[404]
|
||||
other = "pagina non trovata"
|
||||
[loading]
|
||||
other = "caricamento"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "閉じる"
|
||||
other = "しきい値"
|
||||
[404]
|
||||
other = "ページが見つかりません"
|
||||
[loading]
|
||||
other = "読み込み中"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "닫기"
|
||||
other = "임계값"
|
||||
[404]
|
||||
other = "페이지를 찾을 수 없습니다"
|
||||
[loading]
|
||||
other = "로딩중"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "关闭"
|
||||
other = "阈值"
|
||||
[404]
|
||||
other = "页面不存在"
|
||||
[loading]
|
||||
other = "加载中"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "關閉"
|
||||
other = "閾值"
|
||||
[404]
|
||||
other = "找不到頁面"
|
||||
[loading]
|
||||
other = "載入中"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "關閉"
|
||||
other = "閾值"
|
||||
[404]
|
||||
other = "找不到頁面"
|
||||
[loading]
|
||||
other = "載入中"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "关闭"
|
||||
other = "阈值"
|
||||
[404]
|
||||
other = "页面不存在"
|
||||
[loading]
|
||||
other = "加载中"
|
||||
|
||||
@@ -8,3 +8,5 @@ other = "關閉"
|
||||
other = "閾值"
|
||||
[404]
|
||||
other = "找不到頁面"
|
||||
[loading]
|
||||
other = "載入中"
|
||||
|
||||
Reference in New Issue
Block a user