bfg-common 1.0.64 → 1.0.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/localization/local_be.json +7 -1
- package/assets/localization/local_en.json +7 -1
- package/assets/localization/local_hy.json +7 -1
- package/assets/localization/local_kk.json +7 -1
- package/assets/localization/local_ru.json +7 -1
- package/assets/localization/local_zh.json +7 -1
- package/components/atoms/alert/Notification.vue +167 -167
- package/components/atoms/autocomplete/Autocomplete.vue +236 -236
- package/components/atoms/datepicker/Datepicker.vue +612 -612
- package/components/atoms/list/SelectList.vue +62 -62
- package/components/atoms/modal/bySteps/BySteps.vue +234 -234
- package/components/atoms/nav/NavBar.vue +116 -116
- package/components/atoms/nav/VerticalNavBar.vue +89 -89
- package/components/atoms/notificationBar/NotificationBar.vue +174 -174
- package/components/atoms/perPage/PerPage.vue +52 -52
- package/components/atoms/popup/SimplePopup.vue +90 -90
- package/components/atoms/step/VerticalStep.vue +104 -104
- package/components/atoms/switch/Switch.vue +107 -107
- package/components/atoms/table/dataGrid/DataGridColumnSwitch.vue +204 -204
- package/components/atoms/table/dataGrid/DataGridPage.vue +189 -189
- package/components/atoms/table/dataGrid/DataGridPagination.vue +83 -83
- package/components/atoms/tabs/Tabs.vue +189 -189
- package/components/atoms/tooltip/Signpost.vue +224 -224
- package/components/common/adapterManager/AddAdapterWarningModal.vue +82 -82
- package/components/common/adapterManager/NoActiveAdaptersModal.vue +62 -62
- package/components/common/adapterManager/NoConnectedActiveAdaptersModal.vue +62 -62
- package/components/common/browse/Browse.vue +182 -182
- package/components/common/browse/blocks/Title.vue +66 -66
- package/components/common/diagramMain/adapter/AdapterItem.vue +227 -227
- package/components/common/diagramMain/adapter/AdapterItems.vue +57 -57
- package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue +339 -339
- package/components/common/diagramMain/modals/editSettings/tabs/port/PortProperties.vue +202 -202
- package/components/common/diagramMain/modals/remove/RemoveModal.vue +226 -226
- package/components/common/diagramMain/modals/viewSettings/Info.vue +94 -94
- package/components/common/diagramMain/network/Contents.vue +238 -238
- package/components/common/feedback/Buttons.vue +232 -232
- package/components/common/feedback/Message.vue +468 -468
- package/components/common/feedback/VisitPortal.vue +54 -54
- package/components/common/mainNavigationPanel/MainNavigationPanel.vue +359 -359
- package/components/common/modals/Rename.vue +165 -165
- package/components/common/perPage/PerPage.vue +51 -51
- package/components/common/recursionTree/RecursionTree.vue +201 -201
- package/components/common/select/radio/models/interfaces.ts +2 -0
- package/components/common/wizards/datastore/add/nfs/configuration/Configuration.vue +373 -373
- package/components/common/wizards/datastore/add/nfs/configuration/serversList/ServersList.vue +123 -123
- package/components/common/wizards/datastore/add/nfs/kerberosAuthentication/KerberosAuthentication.vue +54 -54
- package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/hostTable/HostTable.vue +131 -131
- package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/PartitionConfiguration.vue +230 -230
- package/components/common/wizards/datastore/add/types/Types.vue +72 -14
- package/components/common/wizards/datastore/add/types/config/typeOptions.ts +11 -3
- package/models/store/storage/interfaces.ts +32 -32
- package/package.json +1 -1
- package/public/spice-console/application/codec.js +257 -257
- package/public/spice-console/lib/rasterEngine.js +907 -907
- package/public/spice-console/network/spicechannel.js +369 -369
- package/public/spice-console-minify/lib/decoder/dixie.min.js +4 -4
- package/public/spice-console-minify/lib/jgestures.min.js +24 -24
- package/public/spice-console-minify/lib/jquery-2.0.3.min.js +24 -24
- package/public/spice-console-minify/lib/jquery-mousewheel.min.js +11 -11
- package/public/spice-console-minify/lib/jquery-visibility.min.js +1 -1
- package/public/spice-console-minify/lib/lodash.4.0.0.min.js +5 -5
|
@@ -2019,5 +2019,11 @@
|
|
|
2019
2019
|
"enableTokenDesc": "Уключыць маркер {name}",
|
|
2020
2020
|
"busVirtioHelpDesc": "Для забеспячэння магчымасці \"гарачага\" дадання дыскаў, неабходна выбраць тып шыны\"Virtio\"",
|
|
2021
2021
|
"increaseDatastoreCapacity": "Павялічце ёмістасць сховішчы дадзеных",
|
|
2022
|
-
"unmountDatastore": "Размантаваць сховішча дадзеных"
|
|
2022
|
+
"unmountDatastore": "Размантаваць сховішча дадзеных",
|
|
2023
|
+
"datastoreTypeHelpDesc": "Увага! Ад выбару тыпу сховішчы залежаць далейшыя Налады",
|
|
2024
|
+
"localStorage": "Лакальнае сховішча",
|
|
2025
|
+
"stormSharedStorage": "Падзялянае сховішча Шторм",
|
|
2026
|
+
"localStorageHelpDesc": "Дадзеныя захоўваюцца на лакальнай файлавай сістэме хаста.",
|
|
2027
|
+
"stormSharedStorageHelpDesc": "Падзялянае сховішча Шторм павінна быць загадзя разгорнута на выдзеленых серверах. Забяспечваецца падзяляны доступ хастоў да сховішча Шторм.",
|
|
2028
|
+
"nfsHelpDesc": "Сховішча NFS з'яўляецца сеткавай файлавай сістэмай. Падтрымліваюцца версіі NFS 4.1 і 4.2"
|
|
2023
2029
|
}
|
|
@@ -2019,5 +2019,11 @@
|
|
|
2019
2019
|
"enableTokenDesc": "Enable Token {name}",
|
|
2020
2020
|
"busVirtioHelpDesc": "To enable the \"hot\" addition of disks, it is necessary to select the \"Virtio\" bus type",
|
|
2021
2021
|
"increaseDatastoreCapacity": "Increase Datastore Capacity",
|
|
2022
|
-
"unmountDatastore": "Unmount Datastore"
|
|
2022
|
+
"unmountDatastore": "Unmount Datastore",
|
|
2023
|
+
"datastoreTypeHelpDesc": "Attention! Further settings depend on the choice of the storage type",
|
|
2024
|
+
"localStorage": "Local storage",
|
|
2025
|
+
"stormSharedStorage": "Storm Shared Storage",
|
|
2026
|
+
"localStorageHelpDesc": "The data is stored on the local file system of the host.",
|
|
2027
|
+
"stormSharedStorageHelpDesc": "Storm shared storage must be pre-deployed on dedicated servers. Shared access of hosts to Storm storage is provided.",
|
|
2028
|
+
"nfsHelpDesc": "NFS storage is a network file system. NFS versions 4.1 and 4.2 are supported"
|
|
2023
2029
|
}
|
|
@@ -2019,5 +2019,11 @@
|
|
|
2019
2019
|
"enableTokenDesc": "Միացնել Token {token}",
|
|
2020
2020
|
"busVirtioHelpDesc": "Սկավառակների \" տաք \" ավելացման հնարավորությունն ապահովելու համար անհրաժեշտ է ընտրել \"Virtio\"ավտոբուսի տեսակը",
|
|
2021
2021
|
"increaseDatastoreCapacity": "Բարձրացրեք տվյալների պահպանման հզորությունը",
|
|
2022
|
-
"unmountDatastore": "Ապամոնտաժել տվյալների պահեստը"
|
|
2022
|
+
"unmountDatastore": "Ապամոնտաժել տվյալների պահեստը",
|
|
2023
|
+
"datastoreTypeHelpDesc": "Ուշադրություն Հետագա պարամետրերը կախված են պահեստավորման տեսակի ընտրությունից",
|
|
2024
|
+
"localStorage": "Տեղական պահեստ",
|
|
2025
|
+
"stormSharedStorage": "Համօգտագործվող Storm պահոց",
|
|
2026
|
+
"localStorageHelpDesc": "Տվյալները պահվում են տեղական հյուրընկալող ֆայլային համակարգում:",
|
|
2027
|
+
"stormSharedStorageHelpDesc": "Համօգտագործվող Storm Storage-ը պետք է նախապես տեղակայվի նվիրված սերվերների վրա: Ապահովում է հյուրընկալողների համօգտագործվող մուտքը Storm պահեստ:",
|
|
2028
|
+
"nfsHelpDesc": "NFS պահեստը ցանցային ֆայլային համակարգ է: Աջակցվում են NFS 4.1 և 4.2 տարբերակները"
|
|
2023
2029
|
}
|
|
@@ -2019,5 +2019,11 @@
|
|
|
2019
2019
|
"enableTokenDesc": "Токенді қосу {token}",
|
|
2020
2020
|
"busVirtioHelpDesc": "Дискілерді \"ыстық\" қосу мүмкіндігін қамтамасыз ету үшін \"Virtio\"шинасының түрін таңдау керек",
|
|
2021
2021
|
"increaseDatastoreCapacity": "Деректер қоймасының сыйымдылығын арттырыңыз",
|
|
2022
|
-
"unmountDatastore": "Деректер қоймасын ажыратыңыз"
|
|
2022
|
+
"unmountDatastore": "Деректер қоймасын ажыратыңыз",
|
|
2023
|
+
"datastoreTypeHelpDesc": "Назар аударыңыз! Қосымша параметрлер сақтау түрін таңдауға байланысты",
|
|
2024
|
+
"localStorage": "Жергілікті сақтау",
|
|
2025
|
+
"stormSharedStorage": "Ортақ қойма дауыл",
|
|
2026
|
+
"localStorageHelpDesc": "Деректер жергілікті хост файлдық жүйесінде сақталады.",
|
|
2027
|
+
"stormSharedStorageHelpDesc": "Ортақ сақтау дауыл арнайы серверлерде алдын ала орналастырылуы керек. Хосттардың дауыл қоймасына ортақ қол жетімділігі қамтамасыз етіледі.",
|
|
2028
|
+
"nfsHelpDesc": "NFS жады-бұл желілік файлдық жүйе. NFS 4.1 және 4.2 нұсқаларына қолдау көрсетіледі"
|
|
2023
2029
|
}
|
|
@@ -2019,5 +2019,11 @@
|
|
|
2019
2019
|
"enableTokenDesc": "Включить токен {token}",
|
|
2020
2020
|
"busVirtioHelpDesc": "Для обеспечения возможности \"горячего\" добавления дисков, необходимо выбрать тип шины \"Virtio\"",
|
|
2021
2021
|
"increaseDatastoreCapacity": "Увеличение объема",
|
|
2022
|
-
"unmountDatastore": "Размонтировать"
|
|
2022
|
+
"unmountDatastore": "Размонтировать",
|
|
2023
|
+
"datastoreTypeHelpDesc": "Внимание! От выбора типа хранилища зависят дальнейшие настройки",
|
|
2024
|
+
"localStorage": "Локальное хранилище",
|
|
2025
|
+
"stormSharedStorage": "Разделяемое хранилище Шторм",
|
|
2026
|
+
"localStorageHelpDesc": "Данные хранятся на локальной файловой системе хоста.",
|
|
2027
|
+
"stormSharedStorageHelpDesc": "Разделяемое хранилище Шторм должно быть заранее развернуто на выделенных серверах. Обеспечивается разделяемый доступ хостов к хранилищу Шторм.",
|
|
2028
|
+
"nfsHelpDesc": "Хранилище NFS является сетевой файловой системой. Поддерживаются версии NFS 4.1 и 4.2"
|
|
2023
2029
|
}
|
|
@@ -2019,5 +2019,11 @@
|
|
|
2019
2019
|
"enableTokenDesc": "启用令牌 {token}",
|
|
2020
2020
|
"busVirtioHelpDesc": "要启用磁盘的“热”添加,您必须选择总线类型“Virtio”",
|
|
2021
2021
|
"increaseDatastoreCapacity": "增加数据存储容量",
|
|
2022
|
-
"unmountDatastore": "卸载数据存储"
|
|
2022
|
+
"unmountDatastore": "卸载数据存储",
|
|
2023
|
+
"datastoreTypeHelpDesc": "注意力! 进一步的设置取决于存储类型的选择",
|
|
2024
|
+
"localStorage": "本地存储",
|
|
2025
|
+
"stormSharedStorage": "共享存储风暴",
|
|
2026
|
+
"localStorageHelpDesc": "数据存储在主机的本地文件系统中。",
|
|
2027
|
+
"stormSharedStorageHelpDesc": "Storm共享存储必须预先部署在专用服务器上。 提供对 Storm 存储的共享主机访问。",
|
|
2028
|
+
"nfsHelpDesc": "NFS 存储是一种网络文件系统。 支持 NFS 版本 4.1 和 4.2"
|
|
2023
2029
|
}
|
|
@@ -1,167 +1,167 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="notification">
|
|
3
|
-
<div
|
|
4
|
-
class="notification-container-wrap animation"
|
|
5
|
-
:class="{ active: isActive }"
|
|
6
|
-
>
|
|
7
|
-
<div class="notification-container">
|
|
8
|
-
<div v-show="props.show" class="toast">
|
|
9
|
-
<atoms-the-icon
|
|
10
|
-
class="toast-icon"
|
|
11
|
-
:class="iconName !== 'info' && 'with'"
|
|
12
|
-
:name="iconName"
|
|
13
|
-
/>
|
|
14
|
-
<div class="toast-content">
|
|
15
|
-
<div class="flex-align-center flex-space-between">
|
|
16
|
-
<h4>{{ props.title }}</h4>
|
|
17
|
-
<button
|
|
18
|
-
:id="`${props.testId}-close-button`"
|
|
19
|
-
:title="localization.closeNotification"
|
|
20
|
-
@click="hide"
|
|
21
|
-
>
|
|
22
|
-
<atoms-the-icon name="close" />
|
|
23
|
-
</button>
|
|
24
|
-
</div>
|
|
25
|
-
<div class="description">
|
|
26
|
-
<slot>
|
|
27
|
-
<p class="pre-line">{{ props.description }}</p>
|
|
28
|
-
</slot>
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
</template>
|
|
36
|
-
|
|
37
|
-
<script setup lang="ts">
|
|
38
|
-
import { UI_I_Localization } from '~/models/interfaces'
|
|
39
|
-
import { UI_E_IconsByStatusNotification } from '~/components/atoms/alert/models/enums'
|
|
40
|
-
import { UI_T_Status } from '~/components/atoms/alert/models/types'
|
|
41
|
-
|
|
42
|
-
const props = withDefaults(
|
|
43
|
-
defineProps<{
|
|
44
|
-
testId?: string
|
|
45
|
-
status: UI_T_Status
|
|
46
|
-
id: number
|
|
47
|
-
show: boolean
|
|
48
|
-
title: string
|
|
49
|
-
description: string
|
|
50
|
-
}>(),
|
|
51
|
-
{ testId: 'ui-notification' }
|
|
52
|
-
)
|
|
53
|
-
const emits = defineEmits<{
|
|
54
|
-
(event: 'hide', value: number): void
|
|
55
|
-
}>()
|
|
56
|
-
|
|
57
|
-
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
58
|
-
const hide = () => {
|
|
59
|
-
isActive.value = false
|
|
60
|
-
|
|
61
|
-
setTimeout(() => {
|
|
62
|
-
emits('hide', props.id)
|
|
63
|
-
}, 200)
|
|
64
|
-
}
|
|
65
|
-
const isActive = ref<boolean>(false)
|
|
66
|
-
|
|
67
|
-
const iconName = computed<string>(
|
|
68
|
-
() => UI_E_IconsByStatusNotification[props.status]
|
|
69
|
-
)
|
|
70
|
-
|
|
71
|
-
setTimeout(() => {
|
|
72
|
-
isActive.value = true
|
|
73
|
-
}, 1000)
|
|
74
|
-
</script>
|
|
75
|
-
|
|
76
|
-
<style scoped lang="scss">
|
|
77
|
-
@import '~/assets/scss/common/mixins.scss';
|
|
78
|
-
|
|
79
|
-
.notification {
|
|
80
|
-
.notification-container-wrap {
|
|
81
|
-
display: block;
|
|
82
|
-
margin-top: 10px;
|
|
83
|
-
width: 414px;
|
|
84
|
-
position: relative;
|
|
85
|
-
right: -600px;
|
|
86
|
-
opacity: 0;
|
|
87
|
-
|
|
88
|
-
&.active {
|
|
89
|
-
right: 0;
|
|
90
|
-
opacity: 1;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.notification-container {
|
|
94
|
-
@include flex($dir: column, $just: flex-end);
|
|
95
|
-
margin-right: 0;
|
|
96
|
-
|
|
97
|
-
.toast {
|
|
98
|
-
@include flex($dir: row);
|
|
99
|
-
background-color: #25333d;
|
|
100
|
-
border-radius: 3px;
|
|
101
|
-
box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
|
|
102
|
-
margin: 0;
|
|
103
|
-
padding: 12px;
|
|
104
|
-
transform: scale(1);
|
|
105
|
-
transform-origin: 100% 0;
|
|
106
|
-
width: 100%;
|
|
107
|
-
|
|
108
|
-
.toast-icon {
|
|
109
|
-
width: 36px;
|
|
110
|
-
height: 36px;
|
|
111
|
-
&.with {
|
|
112
|
-
width: 26px;
|
|
113
|
-
height: 26px;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.toast-content {
|
|
118
|
-
padding-left: 12px;
|
|
119
|
-
width: 100%;
|
|
120
|
-
|
|
121
|
-
h4 {
|
|
122
|
-
color: #e9ecef;
|
|
123
|
-
font-size: 14px;
|
|
124
|
-
font-weight: 500;
|
|
125
|
-
line-height: 24px;
|
|
126
|
-
margin-top: 0;
|
|
127
|
-
max-width: 240px;
|
|
128
|
-
overflow: hidden;
|
|
129
|
-
text-overflow: ellipsis;
|
|
130
|
-
white-space: nowrap;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
button {
|
|
134
|
-
background: transparent;
|
|
135
|
-
border: none;
|
|
136
|
-
border-radius: 100%;
|
|
137
|
-
cursor: pointer;
|
|
138
|
-
display: inline-block;
|
|
139
|
-
height: 30px;
|
|
140
|
-
position: absolute;
|
|
141
|
-
right: 8px;
|
|
142
|
-
top: 8px;
|
|
143
|
-
width: 30px;
|
|
144
|
-
|
|
145
|
-
svg {
|
|
146
|
-
width: 16px;
|
|
147
|
-
height: 16px;
|
|
148
|
-
fill: #adbbc4;
|
|
149
|
-
margin-left: 1px;
|
|
150
|
-
margin-top: -8px;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.description {
|
|
155
|
-
max-height: 60vh;
|
|
156
|
-
overflow: auto;
|
|
157
|
-
|
|
158
|
-
p {
|
|
159
|
-
color: var(--global-font-color6);
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="notification">
|
|
3
|
+
<div
|
|
4
|
+
class="notification-container-wrap animation"
|
|
5
|
+
:class="{ active: isActive }"
|
|
6
|
+
>
|
|
7
|
+
<div class="notification-container">
|
|
8
|
+
<div v-show="props.show" class="toast">
|
|
9
|
+
<atoms-the-icon
|
|
10
|
+
class="toast-icon"
|
|
11
|
+
:class="iconName !== 'info' && 'with'"
|
|
12
|
+
:name="iconName"
|
|
13
|
+
/>
|
|
14
|
+
<div class="toast-content">
|
|
15
|
+
<div class="flex-align-center flex-space-between">
|
|
16
|
+
<h4>{{ props.title }}</h4>
|
|
17
|
+
<button
|
|
18
|
+
:id="`${props.testId}-close-button`"
|
|
19
|
+
:title="localization.closeNotification"
|
|
20
|
+
@click="hide"
|
|
21
|
+
>
|
|
22
|
+
<atoms-the-icon name="close" />
|
|
23
|
+
</button>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="description">
|
|
26
|
+
<slot>
|
|
27
|
+
<p class="pre-line">{{ props.description }}</p>
|
|
28
|
+
</slot>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</template>
|
|
36
|
+
|
|
37
|
+
<script setup lang="ts">
|
|
38
|
+
import { UI_I_Localization } from '~/models/interfaces'
|
|
39
|
+
import { UI_E_IconsByStatusNotification } from '~/components/atoms/alert/models/enums'
|
|
40
|
+
import { UI_T_Status } from '~/components/atoms/alert/models/types'
|
|
41
|
+
|
|
42
|
+
const props = withDefaults(
|
|
43
|
+
defineProps<{
|
|
44
|
+
testId?: string
|
|
45
|
+
status: UI_T_Status
|
|
46
|
+
id: number
|
|
47
|
+
show: boolean
|
|
48
|
+
title: string
|
|
49
|
+
description: string
|
|
50
|
+
}>(),
|
|
51
|
+
{ testId: 'ui-notification' }
|
|
52
|
+
)
|
|
53
|
+
const emits = defineEmits<{
|
|
54
|
+
(event: 'hide', value: number): void
|
|
55
|
+
}>()
|
|
56
|
+
|
|
57
|
+
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
58
|
+
const hide = () => {
|
|
59
|
+
isActive.value = false
|
|
60
|
+
|
|
61
|
+
setTimeout(() => {
|
|
62
|
+
emits('hide', props.id)
|
|
63
|
+
}, 200)
|
|
64
|
+
}
|
|
65
|
+
const isActive = ref<boolean>(false)
|
|
66
|
+
|
|
67
|
+
const iconName = computed<string>(
|
|
68
|
+
() => UI_E_IconsByStatusNotification[props.status]
|
|
69
|
+
)
|
|
70
|
+
|
|
71
|
+
setTimeout(() => {
|
|
72
|
+
isActive.value = true
|
|
73
|
+
}, 1000)
|
|
74
|
+
</script>
|
|
75
|
+
|
|
76
|
+
<style scoped lang="scss">
|
|
77
|
+
@import '~/assets/scss/common/mixins.scss';
|
|
78
|
+
|
|
79
|
+
.notification {
|
|
80
|
+
.notification-container-wrap {
|
|
81
|
+
display: block;
|
|
82
|
+
margin-top: 10px;
|
|
83
|
+
width: 414px;
|
|
84
|
+
position: relative;
|
|
85
|
+
right: -600px;
|
|
86
|
+
opacity: 0;
|
|
87
|
+
|
|
88
|
+
&.active {
|
|
89
|
+
right: 0;
|
|
90
|
+
opacity: 1;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.notification-container {
|
|
94
|
+
@include flex($dir: column, $just: flex-end);
|
|
95
|
+
margin-right: 0;
|
|
96
|
+
|
|
97
|
+
.toast {
|
|
98
|
+
@include flex($dir: row);
|
|
99
|
+
background-color: #25333d;
|
|
100
|
+
border-radius: 3px;
|
|
101
|
+
box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
|
|
102
|
+
margin: 0;
|
|
103
|
+
padding: 12px;
|
|
104
|
+
transform: scale(1);
|
|
105
|
+
transform-origin: 100% 0;
|
|
106
|
+
width: 100%;
|
|
107
|
+
|
|
108
|
+
.toast-icon {
|
|
109
|
+
width: 36px;
|
|
110
|
+
height: 36px;
|
|
111
|
+
&.with {
|
|
112
|
+
width: 26px;
|
|
113
|
+
height: 26px;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.toast-content {
|
|
118
|
+
padding-left: 12px;
|
|
119
|
+
width: 100%;
|
|
120
|
+
|
|
121
|
+
h4 {
|
|
122
|
+
color: #e9ecef;
|
|
123
|
+
font-size: 14px;
|
|
124
|
+
font-weight: 500;
|
|
125
|
+
line-height: 24px;
|
|
126
|
+
margin-top: 0;
|
|
127
|
+
max-width: 240px;
|
|
128
|
+
overflow: hidden;
|
|
129
|
+
text-overflow: ellipsis;
|
|
130
|
+
white-space: nowrap;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
button {
|
|
134
|
+
background: transparent;
|
|
135
|
+
border: none;
|
|
136
|
+
border-radius: 100%;
|
|
137
|
+
cursor: pointer;
|
|
138
|
+
display: inline-block;
|
|
139
|
+
height: 30px;
|
|
140
|
+
position: absolute;
|
|
141
|
+
right: 8px;
|
|
142
|
+
top: 8px;
|
|
143
|
+
width: 30px;
|
|
144
|
+
|
|
145
|
+
svg {
|
|
146
|
+
width: 16px;
|
|
147
|
+
height: 16px;
|
|
148
|
+
fill: #adbbc4;
|
|
149
|
+
margin-left: 1px;
|
|
150
|
+
margin-top: -8px;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.description {
|
|
155
|
+
max-height: 60vh;
|
|
156
|
+
overflow: auto;
|
|
157
|
+
|
|
158
|
+
p {
|
|
159
|
+
color: var(--global-font-color6);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
</style>
|