apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-11-04 00:02:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

UI: Fixes suffix icon on project selector not work (#6671)

Browse Source 
* fix the animation suffix icon of select

* move style code
This commit is contained in:
Hoang Nguyen 2022-08-25 23:44:31 +07:00 committed by GitHub
parent cd37b135a0
commit c8494354ca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/header/ProjectMenu.vue
View File

@ -33,7 +33,7 @@
<span>{{ $t('label.projects') }}</span>
</template>
<span class="custom-suffix-icon">
<ProjectOutlined v-if="!loading" />
<ProjectOutlined v-if="!loading" class="ant-select-suffix" />
<LoadingOutlined v-else />
</span>
</a-tooltip>

2
ui/src/components/header/SamlDomainSwitcher.vue
View File

@ -36,7 +36,7 @@
<span>{{ $t('label.domain') }}</span>
</template>
<span class="custom-suffix-icon">
<BlockOutlined v-if="!loading" />
<BlockOutlined v-if="!loading" class="ant-select-suffix" />
<LoadingOutlined v-else />
</span>
</a-tooltip>

8
ui/src/style/ant-overwrite/ant-form.less
View File

@ -18,3 +18,11 @@
.ant-form .ant-form-item {
margin-bottom: 6px;
}
.ant-select-arrow .ant-select-suffix svg {
transition: transform .3s, -webkit-transform .3s;
}
.ant-select-open .ant-select-arrow .ant-select-suffix svg {
transform: rotateZ(-180deg);
}

2
ui/src/views/AutogenView.vue
View File

@ -64,7 +64,7 @@
:filterOption="(input, option) => {
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
}" >
<template #suffixIcon><filter-outlined /></template>
<template #suffixIcon><filter-outlined class="ant-select-suffix" /></template>
<a-select-option
v-if="['Admin', 'DomainAdmin'].includes($store.getters.userInfo.roletype) && ['vm', 'iso', 'template'].includes($route.name)"
key="all"