diff options
author | silverwind <me@silverwind.io> | 2024-03-31 18:06:06 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-03-31 16:06:06 +0000 |
commit | ff334749f58c71980ec19143bc21c0a799074b30 (patch) | |
tree | 4f5b2c0a8d6b593cb7502c1c093471186a3a070a /web_src/js | |
parent | 0497b2607d1052e771af4017c2c4180adb7d86b2 (diff) | |
download | gitea-ff334749f58c71980ec19143bc21c0a799074b30.tar.gz gitea-ff334749f58c71980ec19143bc21c0a799074b30.zip |
Remove fomantic input module (#30194)
Another pure CSS module. Some styling is part of the `form` module which
will likely follow next.
Diffstat (limited to 'web_src/js')
-rw-r--r-- | web_src/js/components/DashboardRepoList.vue | 4 | ||||
-rw-r--r-- | web_src/js/features/common-global.js | 4 | ||||
-rw-r--r-- | web_src/js/features/copycontent.js | 4 |
3 files changed, 6 insertions, 6 deletions
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue index ffdcef2bc8..2d980a1b18 100644 --- a/web_src/js/components/DashboardRepoList.vue +++ b/web_src/js/components/DashboardRepoList.vue @@ -355,9 +355,9 @@ export default sfc; // activate the IDE's Vue plugin </a> </h4> <div class="ui attached segment repos-search"> - <div class="ui small fluid action left icon input" :class="{loading: isLoading}"> + <div class="ui small fluid action left icon input"> <input type="search" spellcheck="false" maxlength="255" @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" @keydown="reposFilterKeyControl" :placeholder="textSearchRepos"> - <i class="icon"><svg-icon name="octicon-search" :size="16"/></i> + <i class="icon loading-icon-3px" :class="{'is-loading': isLoading}"><svg-icon name="octicon-search" :size="16"/></i> <div class="ui dropdown icon button" :title="textFilter"> <svg-icon name="octicon-filter" :size="16"/> <div class="menu"> diff --git a/web_src/js/features/common-global.js b/web_src/js/features/common-global.js index 009dbd9421..e7db9b2336 100644 --- a/web_src/js/features/common-global.js +++ b/web_src/js/features/common-global.js @@ -109,7 +109,7 @@ async function fetchActionDoRequest(actionElem, url, opt) { showErrorToast(`${i18n.network_error} ${e}`); } } - actionElem.classList.remove('is-loading', 'small-loading-icon'); + actionElem.classList.remove('is-loading', 'loading-icon-2px'); } async function formFetchAction(e) { @@ -121,7 +121,7 @@ async function formFetchAction(e) { formEl.classList.add('is-loading'); if (formEl.clientHeight < 50) { - formEl.classList.add('small-loading-icon'); + formEl.classList.add('loading-icon-2px'); } const formMethod = formEl.getAttribute('method') || 'get'; diff --git a/web_src/js/features/copycontent.js b/web_src/js/features/copycontent.js index 3d3b2a697e..03efe00701 100644 --- a/web_src/js/features/copycontent.js +++ b/web_src/js/features/copycontent.js @@ -19,7 +19,7 @@ export function initCopyContent() { // the text to copy is not in the DOM or it is an image which should be // fetched to copy in full resolution if (link) { - btn.classList.add('is-loading', 'small-loading-icon'); + btn.classList.add('is-loading', 'loading-icon-2px'); try { const res = await GET(link, {credentials: 'include', redirect: 'follow'}); const contentType = res.headers.get('content-type'); @@ -33,7 +33,7 @@ export function initCopyContent() { } catch { return showTemporaryTooltip(btn, i18n.copy_error); } finally { - btn.classList.remove('is-loading', 'small-loading-icon'); + btn.classList.remove('is-loading', 'loading-icon-2px'); } } else { // text, read from DOM const lineEls = document.querySelectorAll('.file-view .lines-code'); |