diff options
| author | silverwind <me@silverwind.io> | 2022-09-09 23:03:18 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-09-09 17:03:18 -0400 |
| commit | 52cbe2bdbce6cd5a4fc0738ab4a25fafe9aa6d48 (patch) | |
| tree | 9d90488e05c3062195488f37e74b04aaf7356bcd /web_src/js | |
| parent | 0bd59381adb9864f25c1b7c59fbde45cfa9d807b (diff) | |
| download | gitea-52cbe2bdbce6cd5a4fc0738ab4a25fafe9aa6d48.tar.gz gitea-52cbe2bdbce6cd5a4fc0738ab4a25fafe9aa6d48.zip | |
Improve commit status icons (#21124)
- Show popover on hover/focus (tippy default) instead of click
- If there is only one status, add href to trigger element
- Increase tippy
[interactiveBorder](https://atomiks.github.io/tippyjs/v6/all-props/#interactiveborder),
making it easier to keep interactive tooltips open with sloppy mouse
movement
- Fix a overflow issue in the commit list
Commit list before:
<img width="459" alt="Screen Shot 2022-09-09 at 19 00 01"
src="https://user-images.githubusercontent.com/115237/189405517-68de5a69-e312-4ea2-ab81-87629db6064b.png">
Commit List after:
<img width="475" alt="Screen Shot 2022-09-09 at 19 01 43"
src="https://user-images.githubusercontent.com/115237/189405574-13e84885-9073-4f86-9eeb-d008c1639647.png">
Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Diffstat (limited to 'web_src/js')
| -rw-r--r-- | web_src/js/features/repo-commit.js | 1 | ||||
| -rw-r--r-- | web_src/js/modules/tippy.js | 2 |
2 files changed, 2 insertions, 1 deletions
diff --git a/web_src/js/features/repo-commit.js b/web_src/js/features/repo-commit.js index 170284f101..3aba850911 100644 --- a/web_src/js/features/repo-commit.js +++ b/web_src/js/features/repo-commit.js @@ -61,7 +61,6 @@ export function initCommitStatuses() { const top = $('.repository.file.list').length > 0 || $('.repository.diff').length > 0; createTippy(this, { - trigger: 'click', content: this.nextElementSibling, placement: top ? 'top-start' : 'bottom-start', interactive: true, diff --git a/web_src/js/modules/tippy.js b/web_src/js/modules/tippy.js index 7fc273d1cc..045df6f0a0 100644 --- a/web_src/js/modules/tippy.js +++ b/web_src/js/modules/tippy.js @@ -6,6 +6,8 @@ export function createTippy(target, opts = {}) { placement: target.getAttribute('data-placement') || 'top-start', animation: false, allowHTML: false, + interactiveBorder: 30, + ignoreAttributes: true, maxWidth: 500, // increase over default 350px arrow: `<svg width="16" height="7"><path d="m0 7 8-7 8 7Z" class="tippy-svg-arrow-outer"/><path d="m0 8 8-7 8 7Z" class="tippy-svg-arrow-inner"/></svg>`, ...(opts?.role && {theme: opts.role}), |