bfg-common 1.5.56 → 1.5.57

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.
@@ -5,7 +5,7 @@
5
5
  {{ localization.common.cpuModel }}
6
6
  </template>
7
7
  <template #stackBlockContent>
8
- <div class="flex-align-center">
8
+ <div>
9
9
  <atoms-tooltip-error
10
10
  :has-error="!!props.errorText"
11
11
  selector="#vm-wizard-cpu-model-field"
@@ -33,89 +33,93 @@
33
33
  <template #content>{{ errorText }}</template>
34
34
  </atoms-tooltip-error>
35
35
 
36
- <div class="passthrough-host-cpu-wrap flex-align-center">
37
- <input
38
- id="passthrough-host-cpu"
39
- v-model="passthroughHostCpu"
40
- data-id="passthrough-host-cpu"
41
- :disabled="props.disabled"
42
- type="checkbox"
43
- @change="emits('change-passthrough-host-cpu', $event)"
44
- />
45
- <label for="passthrough-host-cpu" class="label-text-normal">{{
46
- localization.common.passthroughHostCpu
47
- }}</label>
48
- <div id="passthrough-help-icon" class="flex-align-center relative">
49
- <atoms-the-icon
50
- data-id="show-passthrough-help-icon"
51
- fill="#0072a3"
52
- width="24px"
53
- height="24px"
54
- name="info-circle"
55
- class="pointer"
56
- @click.stop="isShowPassthroughHost = !isShowPassthroughHost"
36
+ <div class="flex align-start flex-col cpu-model-checkbox">
37
+ <div class="passthrough-host-cpu-wrap flex-align-center">
38
+ <input
39
+ id="passthrough-host-cpu"
40
+ v-model="passthroughHostCpu"
41
+ data-id="passthrough-host-cpu"
42
+ :disabled="props.disabled"
43
+ type="checkbox"
44
+ @change="emits('change-passthrough-host-cpu', $event)"
57
45
  />
58
- <Teleport to="body">
59
- <atoms-tooltip-signpost
60
- v-if="isShowPassthroughHost"
61
- elem-id="passthrough-help-icon"
62
- @hide="isShowPassthroughHost = false"
63
- >
64
- <h3 class="passthrough-help-title">
65
- {{ localization.mainNavigation.help }}
66
- </h3>
46
+ <label for="passthrough-host-cpu" class="label-text-normal">{{
47
+ localization.common.passthroughHostCpu
48
+ }}</label>
49
+ <div
50
+ id="passthrough-help-icon"
51
+ class="flex-align-center relative"
52
+ >
53
+ <atoms-the-icon
54
+ data-id="show-passthrough-help-icon"
55
+ fill="#0072a3"
56
+ width="24px"
57
+ height="24px"
58
+ name="info-circle"
59
+ class="pointer"
60
+ @click.stop="isShowPassthroughHost = !isShowPassthroughHost"
61
+ />
62
+ <Teleport to="body">
63
+ <atoms-tooltip-signpost
64
+ v-if="isShowPassthroughHost"
65
+ elem-id="passthrough-help-icon"
66
+ @hide="isShowPassthroughHost = false"
67
+ >
68
+ <h3 class="passthrough-help-title">
69
+ {{ localization.mainNavigation.help }}
70
+ </h3>
67
71
 
68
- <p class="passthrough-help-text">
69
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A
70
- cum eius expedita, fuga mollitia perferendis quod soluta
71
- vel? Dolor, illo, nam? A consequatur, consequuntur eos
72
- impedit iusto labore sunt tempora!
73
- </p>
74
- </atoms-tooltip-signpost>
75
- </Teleport>
72
+ <p class="passthrough-help-text">
73
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
74
+ A cum eius expedita, fuga mollitia perferendis quod soluta
75
+ vel? Dolor, illo, nam? A consequatur, consequuntur eos
76
+ impedit iusto labore sunt tempora!
77
+ </p>
78
+ </atoms-tooltip-signpost>
79
+ </Teleport>
80
+ </div>
76
81
  </div>
77
- </div>
78
- <div class="divider"></div>
79
- <div class="flex-align-center">
80
- <input
81
- id="host-model-cpu"
82
- v-model="hostModelCpu"
83
- data-id="host-model-cpu-input"
84
- type="checkbox"
85
- :disabled="props.disabled"
86
- @change="emits('change-host-model-cpu', $event)"
87
- />
88
- <label for="host-model-cpu" class="label-text-normal">{{
89
- localization.common.hostModelCpu
90
- }}</label>
91
- <div id="host-model-help-icon" class="flex-align-center relative">
92
- <atoms-the-icon
93
- fill="#0072a3"
94
- width="24px"
95
- height="24px"
96
- name="info-circle"
97
- class="pointer"
98
- data-id="show-host-model-help-icon"
99
- @click.stop="isShowHostModel = !isShowHostModel"
82
+ <div class="flex-align-center">
83
+ <input
84
+ id="host-model-cpu"
85
+ v-model="hostModelCpu"
86
+ data-id="host-model-cpu-input"
87
+ type="checkbox"
88
+ :disabled="props.disabled"
89
+ @change="emits('change-host-model-cpu', $event)"
100
90
  />
101
- <Teleport to="body">
102
- <atoms-tooltip-signpost
103
- v-if="isShowHostModel"
104
- elem-id="host-model-help-icon"
105
- @hide="isShowHostModel = false"
106
- >
107
- <h3 class="host-model-help-title">
108
- {{ localization.mainNavigation.help }}
109
- </h3>
91
+ <label for="host-model-cpu" class="label-text-normal">{{
92
+ localization.common.hostModelCpu
93
+ }}</label>
94
+ <div id="host-model-help-icon" class="flex-align-center relative">
95
+ <atoms-the-icon
96
+ fill="#0072a3"
97
+ width="24px"
98
+ height="24px"
99
+ name="info-circle"
100
+ class="pointer"
101
+ data-id="show-host-model-help-icon"
102
+ @click.stop="isShowHostModel = !isShowHostModel"
103
+ />
104
+ <Teleport to="body">
105
+ <atoms-tooltip-signpost
106
+ v-if="isShowHostModel"
107
+ elem-id="host-model-help-icon"
108
+ @hide="isShowHostModel = false"
109
+ >
110
+ <h3 class="host-model-help-title">
111
+ {{ localization.mainNavigation.help }}
112
+ </h3>
110
113
 
111
- <p class="host-model-help-text">
112
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A
113
- cum eius expedita, fuga mollitia perferendis quod soluta
114
- vel? Dolor, illo, nam? A consequatur, consequuntur eos
115
- impedit iusto labore sunt tempora!
116
- </p>
117
- </atoms-tooltip-signpost>
118
- </Teleport>
114
+ <p class="host-model-help-text">
115
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
116
+ A cum eius expedita, fuga mollitia perferendis quod soluta
117
+ vel? Dolor, illo, nam? A consequatur, consequuntur eos
118
+ impedit iusto labore sunt tempora!
119
+ </p>
120
+ </atoms-tooltip-signpost>
121
+ </Teleport>
122
+ </div>
119
123
  </div>
120
124
  </div>
121
125
  </div>
@@ -154,18 +158,12 @@ const isShowHostModel = ref<boolean>(false)
154
158
  </script>
155
159
 
156
160
  <style scoped lang="scss">
157
- .passthrough-host-cpu-wrap {
158
- margin-right: 8px;
161
+ .cpu-model-checkbox {
162
+ margin-top: 4px;
159
163
  }
164
+
160
165
  #passthrough-host-cpu,
161
166
  #host-model-cpu {
162
167
  margin: 0 4px 0 0;
163
168
  }
164
-
165
- .divider {
166
- height: 16px;
167
- width: 1px;
168
- background-color: var(--global-border-color);
169
- margin: 0 6px 0 0;
170
- }
171
169
  </style>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.5.56",
4
+ "version": "1.5.57",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",