loading up the forgejo repo on tangled to test page performance
Address feedback from #22517 (#22563)
- use octicons for icon
- use fomantic for centering the link
authored by
Francesco Siddi
and committed by
GitHub
920ae236
eb793c33
+5
-4
+5
-4
web_src/js/features/common-global.js
+5
-4
web_src/js/features/common-global.js
···
7
7
import {attachDropdownAria} from './aria.js';
8
8
import {handleGlobalEnterQuickSubmit} from './comp/QuickSubmit.js';
9
9
import {initTooltip} from '../modules/tippy.js';
10
+
import {svg} from '../svg.js';
10
11
11
12
const {appUrl, csrfToken} = window.config;
12
13
···
169
170
$dropzone.find('.files').append(input);
170
171
// Create a "Copy Link" element, to conveniently copy the image
171
172
// or file link as Markdown to the clipboard
172
-
const copyLinkElement = document.createElement('a');
173
-
copyLinkElement.className = 'dz-remove';
174
-
copyLinkElement.href = '#';
175
-
copyLinkElement.innerHTML = '<i class="fa fa-copy"></i> Copy link';
173
+
const copyLinkElement = document.createElement('div');
174
+
copyLinkElement.className = 'tc';
175
+
// The a element has a hardcoded cursor: pointer because the default is overridden by .dropzone
176
+
copyLinkElement.innerHTML = `<a href="#" style="cursor: pointer;">${svg('octicon-copy', 14, 'copy link')} Copy link</a>`;
176
177
copyLinkElement.addEventListener('click', (e) => {
177
178
e.preventDefault();
178
179
let fileMarkdown = `[${file.name}](/attachments/${file.uuid})`;