f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2026-06-21 23:38:39 +00:00
Code Issues Packages Releases Activity

feat(ui): optimize design of PWA update notification (#2757)

Browse Source
This commit is contained in:
Cotes Chung
2026-06-20 05:42:07 +08:00
committed by GitHub
parent 7496dd41fa
commit 5cc9dc66ac
36 changed files with 66 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/notification.html
+13 -9
View File
@@ -1,24 +1,28 @@
<aside
id="notification"
class="toast"
class="toast w-auto rounded-5 text-nowrap"
role="alert"
aria-live="assertive"
aria-atomic="true"
data-bs-animation="true"
data-bs-autohide="false"
>
<div class="toast-header">
<div class="d-flex align-items-center">
<div class="toast-body ps-3">
{{- site.data.locales[include.lang].notification.update_found -}}
</div>
<button
type="button"
class="btn-close ms-auto"
class="btn btn-primary btn-sm rounded-2 py-0"
aria-label="Update"
>
{{- site.data.locales[include.lang].notification.update -}}
</button>
<button
type="button"
class="btn-close mx-3 ms-2"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body text-center pt-0">
<p class="px-2 mb-3">{{ site.data.locales[include.lang].notification.update_found }}</p>
<button type="button" class="btn btn-primary" aria-label="Update">
{{ site.data.locales[include.lang].notification.update }}
</button>
</div>
</aside>