mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-31 10:56:10 +01:00 
			
		
		
		
	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   ### Tooltips #### Native for dates  #### Interactive for relative  ### Auto-update  --------- 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>
This commit is contained in:
		| @@ -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>` | ||||
|   | ||||
| @@ -1,3 +1,4 @@ | ||||
| import '@webcomponents/custom-elements'; // polyfill for some browsers like Pale Moon | ||||
| import '@github/relative-time-element'; | ||||
| import './GiteaLocaleNumber.js'; | ||||
| import './GiteaOriginUrl.js'; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user