javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-26 12:32:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(components): remove unused icon class & autocomplete tweaks (#21565)

Browse Source 
* style(components): remove unused icon class & autocomplete tweaks

* fix: review

Co-authored-by: sea <45450994+warmthsea@users.noreply.github.com>

---------

Co-authored-by: sea <45450994+warmthsea@users.noreply.github.com>
This commit is contained in:
Noblet Ouways
2025-08-01 11:16:15 +02:00
committed by GitHub
parent c1b3ace687
commit 24cfc3685d
3 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/components/autocomplete/__tests__/autocomplete.test.tsx
View File

@ -279,9 +279,9 @@ describe('Autocomplete.vue', () => {
vi.runAllTimers() vi.runAllTimers()
await nextTick() await nextTick()
expect(document.body.querySelector('.el-icon-loading')).toBeDefined() expect(document.body.querySelector('.el-icon.is-loading')).toBeDefined()
await wrapper.setProps({ hideLoading: true }) await wrapper.setProps({ hideLoading: true })
expect(document.body.querySelector('.el-icon-loading')).toBeNull() expect(document.body.querySelector('.el-icon.is-loading')).toBeNull()
}) })
test('selectWhenUnmatched', async () => { test('selectWhenUnmatched', async () => {

5
packages/theme-chalk/src/autocomplete.scss
View File

@ -71,6 +71,7 @@
@include when(loading) { @include when(loading) {
li { li {
text-align: center; text-align: center;
cursor: default;
height: 100px; height: 100px;
line-height: 100px; line-height: 100px;
font-size: 20px; font-size: 20px;
@ -81,9 +82,5 @@
background-color: getCssVar('bg-color', 'overlay'); background-color: getCssVar('bg-color', 'overlay');
} }
} }
& .#{$namespace}-icon-loading {
vertical-align: middle;
}
} }
} }

4
packages/theme-chalk/src/icon.scss
View File

@ -1,10 +1,6 @@
@use 'mixins/mixins' as *; @use 'mixins/mixins' as *;
@use 'common/var' as *; @use 'common/var' as *;
.#{$namespace}-icon-loading {
animation: rotating 2s linear infinite;
}
.#{$namespace}-icon--right { .#{$namespace}-icon--right {
margin-left: 5px; margin-left: 5px;
} }