]> source.dussan.org Git - gitea.git/commit
Rework and fix stopwatch (#30732) (#30787)
authorGiteabot <teabot@gitea.io>
Tue, 30 Apr 2024 21:46:45 +0000 (05:46 +0800)
committerGitHub <noreply@github.com>
Tue, 30 Apr 2024 21:46:45 +0000 (21:46 +0000)
commitab344a36e3f98f39ebb995288ce30a5c0000811d
treeecb382e0982eb7d258e8fe5c2d68bccf23c5c037
parent2bedd16c14178461132ad5de347e385721ee3841
Rework and fix stopwatch (#30732) (#30787)

Backport #30732 by @silverwind

Fixes https://github.com/go-gitea/gitea/issues/30721 and overhauls the
stopwatch. Time is now shown inside the "dot" icon and on both mobile
and desktop. All rendering is now done by `<relative-time>`, the
`pretty-ms` dependency is dropped.

Desktop:
<img width="557" alt="Screenshot 2024-04-29 at 22 33 27"
src="https://github.com/go-gitea/gitea/assets/115237/3a46cdbf-6af2-4bf9-b07f-021348badaac">

Mobile:
<img width="640" alt="Screenshot 2024-04-29 at 22 34 19"
src="https://github.com/go-gitea/gitea/assets/115237/8a2beea7-bd5d-473f-8fff-66f63fd50877">

Note for tippy:
Previously, tippy instances defaulted to "menu" theme, but that theme is
really only meant for `.ui.menu`, so it was not optimal for the
stopwatch popover.

This introduces a unopinionated `default` theme that has no padding and
should be suitable for all content. I reviewed all existing uses and
explicitely set the desired `theme` on all of them.

Co-authored-by: silverwind <me@silverwind.io>
package-lock.json
package.json
templates/base/head_navbar.tmpl
web_src/css/modules/navbar.css
web_src/css/modules/tippy.css
web_src/js/features/contextpopup.js
web_src/js/features/repo-code.js
web_src/js/features/repo-issue.js
web_src/js/features/stopwatch.js
web_src/js/modules/tippy.js
web_src/js/webcomponents/overflow-menu.js