diff options
Diffstat (limited to 'web_src')
-rw-r--r-- | web_src/js/features/repo-commit.js | 1 | ||||
-rw-r--r-- | web_src/js/modules/tippy.js | 2 | ||||
-rw-r--r-- | web_src/less/_repository.less | 5 |
3 files changed, 7 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}), diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 473d6f9dc7..219597190d 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -2827,6 +2827,11 @@ tbody.commit-list { vertical-align: middle; } +// in the commit list, messages can wrap so we can use inline +.commit-list .message-wrapper { + display: inline; +} + @media @mediaSm { tr.commit-list { width: 100%; |