diff options
author | Yarden Shoham <git@yardenshoham.com> | 2023-04-11 02:01:20 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-04-11 01:01:20 +0200 |
commit | b7b58348317cbe0145dc453d45c886b8e2764b4c (patch) | |
tree | cec91679aaba2b2d74242e6acdc7d9a8f8d3f213 /web_src/js/webcomponents/README.md | |
parent | 2b91841cd3e1213ff3e4ed4209d6a4be89c2fa79 (diff) | |
download | gitea-b7b58348317cbe0145dc453d45c886b8e2764b4c.tar.gz gitea-b7b58348317cbe0145dc453d45c886b8e2764b4c.zip |
Use auto-updating, natively hoverable, localized time elements (#23988)
- Added [GitHub's `relative-time` element](https://github.com/github/relative-time-element)
- Converted all formatted timestamps to use this element
- No more flashes of unstyled content around time elements
- These elements are localized using the `lang` property of the HTML file
- Relative (e.g. the activities in the dashboard) and duration (e.g.
server uptime in the admin page) time elements are auto-updated to keep
up with the current time without refreshing the page
- Code that is not needed anymore such as `formatting.js` and parts of `since.go` have been deleted
Replaces #21440
Follows #22861
## Screenshots
### Localized
![image](https://user-images.githubusercontent.com/20454870/230775041-f0af4fda-8f6b-46d3-b8e3-d340c791a50c.png)
![image](https://user-images.githubusercontent.com/20454870/230673393-931415a9-5729-4ac3-9a89-c0fb5fbeeeb7.png)
### Tooltips
#### Native for dates
![image](https://user-images.githubusercontent.com/20454870/230797525-1fa0a854-83e3-484c-9da5-9425ab6528a3.png)
#### Interactive for relative
![image](https://user-images.githubusercontent.com/115237/230796860-51e1d640-c820-4a34-ba2e-39087020626a.png)
### Auto-update
![rec](https://user-images.githubusercontent.com/20454870/230672159-37480d8f-435a-43e9-a2b0-44073351c805.gif)
---------
Signed-off-by: Yarden Shoham <git@yardenshoham.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: delvh <dev.lh@web.de>
Diffstat (limited to 'web_src/js/webcomponents/README.md')
-rw-r--r-- | web_src/js/webcomponents/README.md | 6 |
1 files changed, 0 insertions, 6 deletions
diff --git a/web_src/js/webcomponents/README.md b/web_src/js/webcomponents/README.md index 2b586a63d2..0fde507310 100644 --- a/web_src/js/webcomponents/README.md +++ b/web_src/js/webcomponents/README.md @@ -10,9 +10,3 @@ https://developer.mozilla.org/en-US/docs/Web/Web_Components so they should have their own dependencies and should be very light, then they won't affect the page loading time too much. * If the component is not a public one, it's suggested to have its own `Gitea` or `gitea-` prefix to avoid conflicts. - -# TODO - -There are still some components that are not migrated to web components yet: - -* `<time data-format>` |