aboutsummaryrefslogtreecommitdiffstats
path: root/web_src/js
diff options
context:
space:
mode:
authorsilverwind <me@silverwind.io>2024-03-31 18:06:06 +0200
committerGitHub <noreply@github.com>2024-03-31 16:06:06 +0000
commitff334749f58c71980ec19143bc21c0a799074b30 (patch)
tree4f5b2c0a8d6b593cb7502c1c093471186a3a070a /web_src/js
parent0497b2607d1052e771af4017c2c4180adb7d86b2 (diff)
downloadgitea-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.vue4
-rw-r--r--web_src/js/features/common-global.js4
-rw-r--r--web_src/js/features/copycontent.js4
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');