diff options
Diffstat (limited to 'web_src/js/features')
-rw-r--r-- | web_src/js/features/common-global.js | 2 | ||||
-rw-r--r-- | web_src/js/features/notification.js | 6 | ||||
-rw-r--r-- | web_src/js/features/repo-common.js | 4 | ||||
-rw-r--r-- | web_src/js/features/repo-findfile.js | 2 | ||||
-rw-r--r-- | web_src/js/features/repo-issue-content.js | 8 | ||||
-rw-r--r-- | web_src/js/features/repo-legacy.js | 6 | ||||
-rw-r--r-- | web_src/js/features/stopwatch.js | 4 |
7 files changed, 16 insertions, 16 deletions
diff --git a/web_src/js/features/common-global.js b/web_src/js/features/common-global.js index f2edf31249..c0acf091c7 100644 --- a/web_src/js/features/common-global.js +++ b/web_src/js/features/common-global.js @@ -172,7 +172,7 @@ export function initGlobalDropzone() { // Create a "Copy Link" element, to conveniently copy the image // or file link as Markdown to the clipboard const copyLinkElement = document.createElement('div'); - copyLinkElement.className = 'tc'; + copyLinkElement.className = 'gt-tc'; // The a element has a hardcoded cursor: pointer because the default is overridden by .dropzone copyLinkElement.innerHTML = `<a href="#" style="cursor: pointer;">${svg('octicon-copy', 14, 'copy link')} Copy link</a>`; copyLinkElement.addEventListener('click', (e) => { diff --git a/web_src/js/features/notification.js b/web_src/js/features/notification.js index 405b92d7e1..6c056c6d14 100644 --- a/web_src/js/features/notification.js +++ b/web_src/js/features/notification.js @@ -29,7 +29,7 @@ async function receiveUpdateCount(event) { const data = JSON.parse(event.data); for (const count of document.querySelectorAll('.notification_count')) { - count.classList.toggle('hidden', data.Count === 0); + count.classList.toggle('gt-hidden', data.Count === 0); count.textContent = `${data.Count}`; } await updateNotificationTable(); @@ -165,9 +165,9 @@ async function updateNotificationCount() { const notificationCount = $('.notification_count'); if (data.new === 0) { - notificationCount.addClass('hidden'); + notificationCount.addClass('gt-hidden'); } else { - notificationCount.removeClass('hidden'); + notificationCount.removeClass('gt-hidden'); } notificationCount.text(`${data.new}`); diff --git a/web_src/js/features/repo-common.js b/web_src/js/features/repo-common.js index ee0da03005..a218c5b307 100644 --- a/web_src/js/features/repo-common.js +++ b/web_src/js/features/repo-common.js @@ -54,8 +54,8 @@ export function initRepoCloneLink() { // restore animation after first init setTimeout(() => { - $repoCloneSsh.removeClass('no-transition'); - $repoCloneHttps.removeClass('no-transition'); + $repoCloneSsh.removeClass('gt-no-transition'); + $repoCloneHttps.removeClass('gt-no-transition'); }, 100); $repoCloneSsh.on('click', () => { diff --git a/web_src/js/features/repo-findfile.js b/web_src/js/features/repo-findfile.js index f279dfeeb7..0eae4a75db 100644 --- a/web_src/js/features/repo-findfile.js +++ b/web_src/js/features/repo-findfile.js @@ -88,7 +88,7 @@ function filterRepoFiles(filter) { const $row = $(tmplRow); const $a = $row.find('a'); $a.attr('href', `${treeLink}/${escapePath(r.matchResult.join(''))}`); - const $octiconFile = $(svg('octicon-file')).addClass('mr-3'); + const $octiconFile = $(svg('octicon-file')).addClass('gt-mr-3'); $a.append($octiconFile); // if the target file path is "abc/xyz", to search "bx", then the matchResult is ['a', 'b', 'c/', 'x', 'yz'] // the matchResult[odd] is matched and highlighted to red. diff --git a/web_src/js/features/repo-issue-content.js b/web_src/js/features/repo-issue-content.js index 37801d2ad4..a96da53f24 100644 --- a/web_src/js/features/repo-issue-content.js +++ b/web_src/js/features/repo-issue-content.js @@ -14,16 +14,16 @@ function showContentHistoryDetail(issueBaseUrl, commentId, historyId, itemTitleH $dialog = $(` <div class="ui modal content-history-detail-dialog"> ${svg('octicon-x', 16, 'close icon inside')} - <div class="header df ac sb"> + <div class="header gt-df gt-ac gt-sb"> <div>${itemTitleHtml}</div> - <div class="ui dropdown dialog-header-options df ac mr-5 hide"> + <div class="ui dropdown dialog-header-options gt-df gt-ac gt-mr-5 hide"> ${i18nTextOptions}${svg('octicon-triangle-down', 14, 'dropdown icon')} <div class="menu"> <div class="item red text" data-option-item="delete">${i18nTextDeleteFromHistory}</div> </div> </div> </div> - <div class="comment-diff-data tl p-3 is-loading"></div> + <div class="comment-diff-data gt-tl gt-p-3 is-loading"></div> </div>`); $dialog.appendTo($('body')); $dialog.find('.dialog-header-options').dropdown({ @@ -76,7 +76,7 @@ function showContentHistoryMenu(issueBaseUrl, $item, commentId) { const $headerLeft = $item.find('.comment-header-left'); const menuHtml = ` <div class="ui pointing dropdown top left content-history-menu" data-comment-id="${commentId}"> - • <a>${i18nTextEdited}${svg('octicon-triangle-down', 14, 'dropdown icon ml-1 mt-1')}</a> + • <a>${i18nTextEdited}${svg('octicon-triangle-down', 14, 'dropdown icon gt-ml-1 gt-mt-1')}</a> <div class="menu"> </div> </div>`; diff --git a/web_src/js/features/repo-legacy.js b/web_src/js/features/repo-legacy.js index 37366578e2..07c67ba5da 100644 --- a/web_src/js/features/repo-legacy.js +++ b/web_src/js/features/repo-legacy.js @@ -219,11 +219,11 @@ export function initRepoCommentForm() { let icon = ''; if (input_id === '#milestone_id') { - icon = svg('octicon-milestone', 18, 'mr-3'); + icon = svg('octicon-milestone', 18, 'gt-mr-3'); } else if (input_id === '#project_id') { - icon = svg('octicon-project', 18, 'mr-3'); + icon = svg('octicon-project', 18, 'gt-mr-3'); } else if (input_id === '#assignee_id') { - icon = `<img class="ui avatar image mr-3" src=${$(this).data('avatar')}>`; + icon = `<img class="ui avatar image gt-mr-3" src=${$(this).data('avatar')}>`; } $list.find('.selected').html(` diff --git a/web_src/js/features/stopwatch.js b/web_src/js/features/stopwatch.js index 33915a1d83..f43014fec5 100644 --- a/web_src/js/features/stopwatch.js +++ b/web_src/js/features/stopwatch.js @@ -125,7 +125,7 @@ function updateStopwatchData(data) { const btnEl = $('.active-stopwatch-trigger'); if (!watch) { clearStopwatchTimer(); - btnEl.addClass('hidden'); + btnEl.addClass('gt-hidden'); } else { const {repo_owner_name, repo_name, issue_index, seconds} = watch; const issueUrl = `${appSubUrl}/${repo_owner_name}/${repo_name}/issues/${issue_index}`; @@ -134,7 +134,7 @@ function updateStopwatchData(data) { $('.stopwatch-cancel').attr('action', `${issueUrl}/times/stopwatch/cancel`); $('.stopwatch-issue').text(`${repo_owner_name}/${repo_name}#${issue_index}`); updateStopwatchTime(seconds); - btnEl.removeClass('hidden'); + btnEl.removeClass('gt-hidden'); } return Boolean(data.length); } |