summaryrefslogtreecommitdiffstats
path: root/web_src
diff options
context:
space:
mode:
Diffstat (limited to 'web_src')
-rw-r--r--web_src/js/features/repo-commit.js1
-rw-r--r--web_src/js/modules/tippy.js2
-rw-r--r--web_src/less/_repository.less5
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%;