bfg-common 1.3.527 → 1.3.528

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.
Files changed (2) hide show
  1. package/components/common/selectLanguage/SelectLanguage.vue +29 -46
  2. package/package.json +2 -2
package/components/common/selectLanguage/SelectLanguage.vue CHANGED
@@ -15,8 +15,8 @@
15
15
  <span class="language-dropdown__icon content-icon"
16
16
  ><ui-icon-icon2
17
17
  :name="selectedLang?.iconName"
18
- :height="props.size === 'md' ? 16 : 13"
19
- :width="props.size === 'md' ? 24 : 19"
18
+ :height="props.size === 'md' ? '16' : '13'"
19
+ :width="props.size === 'md' ? '24' : '19'"
20
20
  ></ui-icon-icon2
21
21
  ></span>
22
22
  {{ selectedLang?.text }}
@@ -25,11 +25,11 @@
25
25
  <span class="language-dropdown__icon dropdown-icon">
26
26
  <ui-icon-icon2
27
27
  :name="item.iconName"
28
- :height="props.size === 'md' ? 16 : 13"
29
- :width="props.size === 'md' ? 24 : 19"
28
+ :height="props.size === 'md' ? '16' : '13'"
29
+ :width="props.size === 'md' ? '24' : '19'"
30
30
  ></ui-icon-icon2>
31
31
  </span>
32
- {{ item.text }}
32
+ <span class="ui-item-text">{{ item.text }}</span>
33
33
  </template>
34
34
  </ui-select>
35
35
  </div>
@@ -84,21 +84,6 @@ watch(
84
84
  font-size: 12px;
85
85
  line-height: 14.52px;
86
86
  font-weight: 500;
87
-
88
- :deep(.ui-dropdown) {
89
- padding: 6px;
90
- max-height: inherit;
91
- }
92
- :deep(.ui-dropdown-menu) {
93
- margin: 0 !important;
94
- width: 100%;
95
- }
96
- :deep(.ui-dropdown-menu-item) {
97
- padding: 6px !important;
98
- font-size: 12px;
99
- line-height: 14.52px;
100
- font-weight: 500;
101
- }
102
87
  }
103
88
 
104
89
  &.md {
@@ -112,40 +97,38 @@ watch(
112
97
  font-size: 14px;
113
98
  line-height: 16.94px;
114
99
  font-weight: 500;
115
- :deep(.ui-dropdown) {
116
- padding: 8px;
117
- max-height: inherit;
100
+ }
101
+
102
+ :deep(.ui-dropdown-menu-item) {
103
+ display: flex;
104
+ align-items: center;
105
+ border-radius: 4px;
106
+
107
+ &:not(:last-child) {
108
+ margin-bottom: 8px;
118
109
  }
119
- :deep(.ui-dropdown-menu) {
120
- margin: 0 !important;
121
- width: 100%;
110
+ &:not(.disabled):not(.selected):hover {
111
+ background-color: var(--dropdown-item-hover-bg-color);
112
+
113
+ .ui-item-text {
114
+ color: var(--dropdown-item-hover-color);
115
+ }
122
116
  }
123
- :deep(.ui-dropdown-menu-item) {
124
- padding: 8px !important;
125
- font-size: 14px;
126
- line-height: 16.94px;
117
+
118
+ & .ui-item-text {
119
+ color: var(--dropdown-item-color);
127
120
  font-weight: 500;
128
121
  }
129
- }
130
122
 
131
- &__icon {
132
- display: flex;
133
- }
134
- :deep(.ui-dropdown) {
135
- padding: 16px;
136
- max-height: inherit;
137
- li:not(:last-child) {
138
- margin-bottom: 8px;
139
- cursor: pointer;
123
+ &.selected {
124
+ .ui-item-text {
125
+ color: var(--dropdown-item-selected-color);
126
+ }
140
127
  }
141
128
  }
142
- :deep(.ui-dropdown-menu) {
143
- margin: 0 !important;
144
- width: 100%;
145
- }
146
- :deep(.ui-dropdown-menu-item) {
147
- padding: 8px !important;
148
129
 
130
+ &__icon {
131
+ display: flex;
149
132
  }
150
133
  }
151
134
  </style>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.3.527",
4
+ "version": "1.3.528",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
35
35
  "@vueuse/components": "^10.1.2",
36
36
  "date-fns": "^2.29.3",
37
37
  "bfg-nuxt-3-graph": "^1.0.15",
38
- "bfg-uikit": "1.0.76",
38
+ "bfg-uikit": "1.0.77",
39
39
  "html2canvas": "^1.4.1",
40
40
  "prettier-eslint": "^15.0.1"
41
41
  }