etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix allignment on layout on right panel (#8060)

This commit is contained in:
Harikrishna 2023-10-30 17:20:17 +05:30 committed by GitHub
parent bd52fa8a12
commit 67eddd7c0e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/components/view/SearchView.vue
View File

@ -699,12 +699,6 @@ export default {
right: 0;
}
}
:deep(.ant-input-group) {
.ant-input-affix-wrapper {
width: calc(100% - 10px);
}
}
}
.filter-button {

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

@ -32,20 +32,6 @@
<template #icon><reload-outlined /></template>
{{ $t('label.refresh') }}
</a-button>
<a-switch
v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
style="margin-left: 8px; margin-bottom: 3px"
:checked-children="$t('label.metrics')"
:un-checked-children="$t('label.metrics')"
:checked="$store.getters.metrics"
@change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
<a-switch
v-if="!projectView && hasProjectId"
style="margin-left: 8px; margin-bottom: 3px"
:checked-children="$t('label.projects')"
:un-checked-children="$t('label.projects')"
:checked="$store.getters.listAllProjects"
@change="(checked, event) => { $store.dispatch('SetListAllProjects', checked) }"/>
<a-tooltip placement="right">
<template #title>
{{ $t('label.filterby') }}
@ -54,7 +40,8 @@
v-if="!dataView && filters && filters.length > 0"
:placeholder="$t('label.filterby')"
:value="filterValue"
style="min-width: 120px; margin-left: 10px; margin-top: -4px"
style="min-width: 100px; margin-left: 10px; margin-bottom: 5px"
size=small
@change="changeFilter"
showSearch
optionFilterProp="label"
@ -79,16 +66,30 @@
</a-select-option>
</a-select>
</a-tooltip>
<a-switch
v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
style="margin-left: 8px; min-height: 23px; margin-bottom: 4px"
:checked-children="$t('label.metrics')"
:un-checked-children="$t('label.metrics')"
:checked="$store.getters.metrics"
@change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
<a-switch
v-if="!projectView && hasProjectId"
style="margin-left: 8px; min-height: 23px; margin-bottom: 4px"
:checked-children="$t('label.projects')"
:un-checked-children="$t('label.projects')"
:checked="$store.getters.listAllProjects"
@change="(checked, event) => { $store.dispatch('SetListAllProjects', checked) }"/>
</template>
</breadcrumb>
</a-col>
<a-col
:span="device === 'mobile' ? 24 : 12"
:style="device === 'mobile' ? { float: 'right', 'margin-top': '12px', 'margin-bottom': '-6px', display: 'table' } : { float: 'right', display: 'table', 'margin-bottom': '-4px' }" >
:style="device === 'mobile' ? { float: 'right', 'margin-top': '12px', 'margin-bottom': '-6px', display: 'table' } : { float: 'right', display: 'table', 'margin-top': '6px' }" >
<slot name="action" v-if="dataView && $route.path.startsWith('/publicip')"></slot>
<action-button
v-else
:style="dataView ? { float: device === 'mobile' ? 'left' : 'right' } : { 'margin-right': '10px', display: getStyle(), padding: '5px' }"
:style="dataView ? { float: device === 'mobile' ? 'left' : 'right' } : { 'margin-right': '10px', display: getStyle() }"
:loading="loading"
:actions="actions"
:selectedRowKeys="selectedRowKeys"
@ -99,7 +100,6 @@
<search-view
v-if="!dataView"
:searchFilters="searchFilters"
style="min-width: 120px; margin-left: 10px; margin-top: 5px"
:searchParams="searchParams"
:apiName="apiName"
@search="onSearch"
@ -1966,6 +1966,12 @@ export default {
vertical-align: text-bottom;
}
:deep(.ant-switch-inner) {
display: block;
font-size: 14px;
margin: 0px 14px 0px 28px;
}
:deep(.ant-alert-message) {
display: flex;
align-items: center;