bkui-vue 2.0.2-beta.6 → 2.0.2-beta.61

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 (306) hide show
  1. package/License.txt +1 -2
  2. package/dist/cli.css +1 -0
  3. package/dist/index.cjs.js +133 -132
  4. package/dist/index.esm.js +17093 -15160
  5. package/dist/index.umd.js +133 -132
  6. package/dist/locale/en.esm.js.map +1 -1
  7. package/dist/locale/en.umd.js.map +1 -1
  8. package/dist/locale/ja-jp.esm.js +2 -0
  9. package/dist/locale/ja-jp.esm.js.map +1 -0
  10. package/dist/locale/ja-jp.umd.js +2 -0
  11. package/dist/locale/ja-jp.umd.js.map +1 -0
  12. package/dist/locale/zh-cn.esm.js.map +1 -1
  13. package/dist/locale/zh-cn.umd.js.map +1 -1
  14. package/dist/style.variable.css +1 -1
  15. package/lib/affix/affix.variable.css +1 -0
  16. package/lib/affix/index.js +24 -32
  17. package/lib/alert/alert.variable.css +1 -0
  18. package/lib/alert/index.js +24 -32
  19. package/lib/animate-number/index.js +12 -16
  20. package/lib/backtop/backtop.variable.css +1 -0
  21. package/lib/backtop/index.js +24 -34
  22. package/lib/badge/badge.variable.css +1 -0
  23. package/lib/badge/index.js +20 -26
  24. package/lib/breadcrumb/breadcrumb.variable.css +1 -0
  25. package/lib/breadcrumb/index.js +26 -34
  26. package/lib/button/button.d.ts +1 -1
  27. package/lib/button/button.variable.css +1 -0
  28. package/lib/button/index.js +29 -39
  29. package/lib/card/card.variable.css +1 -0
  30. package/lib/card/index.js +35 -49
  31. package/lib/cascader/cascader.css +26 -24
  32. package/lib/cascader/cascader.d.ts +311 -0
  33. package/lib/cascader/cascader.less +78 -76
  34. package/lib/cascader/cascader.variable.css +27 -24
  35. package/lib/cascader/index.d.ts +610 -0
  36. package/lib/cascader/index.js +810 -748
  37. package/lib/checkbox/checkbox.variable.css +1 -0
  38. package/lib/checkbox/index.js +39 -49
  39. package/lib/code-diff/code-diff.variable.css +1 -0
  40. package/lib/code-diff/index.js +81 -85
  41. package/lib/collapse/collapse.variable.css +1 -0
  42. package/lib/collapse/index.js +36 -42
  43. package/lib/collapse-transition/collapse-transition.variable.css +1 -0
  44. package/lib/collapse-transition/index.js +16 -22
  45. package/lib/color-picker/color-picker.variable.css +1 -0
  46. package/lib/color-picker/index.js +637 -656
  47. package/lib/components.js +1 -1
  48. package/lib/config-provider/config-provider.variable.css +1 -0
  49. package/lib/config-provider/index.d.ts +1 -1
  50. package/lib/config-provider/index.js +32 -40
  51. package/lib/container/container.variable.css +1 -0
  52. package/lib/container/index.js +26 -32
  53. package/lib/date-picker/date-picker.d.ts +2 -1
  54. package/lib/date-picker/date-picker.variable.css +1 -0
  55. package/lib/date-picker/index.d.ts +6 -2
  56. package/lib/date-picker/index.js +713 -738
  57. package/lib/date-picker/panel/date-range.d.ts +2 -1
  58. package/lib/date-picker/panel/time.d.ts +1 -1
  59. package/lib/date-picker/utils.d.ts +5 -17
  60. package/lib/dialog/dialog.css +20 -1
  61. package/lib/dialog/dialog.variable.css +21 -1
  62. package/lib/dialog/index.js +100 -137
  63. package/lib/directives/index.js +518 -529
  64. package/lib/dist.index.js +1 -1
  65. package/lib/divider/divider.variable.css +1 -0
  66. package/lib/divider/index.js +18 -24
  67. package/lib/dropdown/dropdown.d.ts +1 -0
  68. package/lib/dropdown/dropdown.variable.css +1 -0
  69. package/lib/dropdown/index.d.ts +3 -0
  70. package/lib/dropdown/index.js +45 -52
  71. package/lib/exception/exception.variable.css +1 -0
  72. package/lib/exception/index.js +51 -57
  73. package/lib/fixed-navbar/fixed-navbar.variable.css +1 -0
  74. package/lib/fixed-navbar/index.js +16 -22
  75. package/lib/form/form-item.d.ts +19 -0
  76. package/lib/form/form.css +16 -4
  77. package/lib/form/form.less +24 -6
  78. package/lib/form/form.variable.css +17 -4
  79. package/lib/form/index.d.ts +13 -0
  80. package/lib/form/index.js +662 -685
  81. package/lib/hooks.js +1 -1
  82. package/lib/icon/angle-double-down-line.js +13 -15
  83. package/lib/icon/angle-double-left-line.js +13 -15
  84. package/lib/icon/angle-double-left.js +13 -15
  85. package/lib/icon/angle-double-right-line.js +13 -15
  86. package/lib/icon/angle-double-right.js +13 -15
  87. package/lib/icon/angle-double-up-line.js +13 -15
  88. package/lib/icon/angle-down-fill.js +13 -15
  89. package/lib/icon/angle-down-line.js +13 -15
  90. package/lib/icon/angle-down.js +13 -15
  91. package/lib/icon/angle-left.js +13 -15
  92. package/lib/icon/angle-right.js +13 -15
  93. package/lib/icon/angle-up-fill.js +13 -15
  94. package/lib/icon/angle-up.js +13 -15
  95. package/lib/icon/archive-fill.js +13 -15
  96. package/lib/icon/arrows-left.js +13 -15
  97. package/lib/icon/arrows-right.js +13 -15
  98. package/lib/icon/assistant.js +13 -15
  99. package/lib/icon/audio-fill.js +13 -15
  100. package/lib/icon/bk.js +13 -15
  101. package/lib/icon/circle.js +13 -15
  102. package/lib/icon/close-line.js +13 -15
  103. package/lib/icon/close.js +13 -15
  104. package/lib/icon/code.js +13 -15
  105. package/lib/icon/cog-shape.js +13 -15
  106. package/lib/icon/collapse-left.js +13 -15
  107. package/lib/icon/copy-shape.js +13 -15
  108. package/lib/icon/copy.js +13 -15
  109. package/lib/icon/data-shape.js +13 -15
  110. package/lib/icon/del.js +13 -15
  111. package/lib/icon/doc-fill.js +13 -15
  112. package/lib/icon/done.js +13 -15
  113. package/lib/icon/down-shape.js +13 -15
  114. package/lib/icon/down-small.js +13 -15
  115. package/lib/icon/edit-line.js +13 -15
  116. package/lib/icon/ellipsis.js +13 -15
  117. package/lib/icon/enlarge-line.js +13 -15
  118. package/lib/icon/error.js +13 -15
  119. package/lib/icon/excel-fill.js +13 -15
  120. package/lib/icon/exclamation-circle-shape.js +13 -15
  121. package/lib/icon/eye.js +13 -15
  122. package/lib/icon/filliscreen-line.js +13 -15
  123. package/lib/icon/fix-line.js +13 -15
  124. package/lib/icon/fix-shape.js +13 -15
  125. package/lib/icon/folder-open.js +13 -15
  126. package/lib/icon/folder-shape-open.js +13 -15
  127. package/lib/icon/folder-shape.js +13 -15
  128. package/lib/icon/folder.js +13 -15
  129. package/lib/icon/funnel.js +13 -15
  130. package/lib/icon/grag-fill.js +13 -15
  131. package/lib/icon/help-document-fill.js +13 -15
  132. package/lib/icon/help-fill.js +13 -15
  133. package/lib/icon/help.js +13 -15
  134. package/lib/icon/image-fill.js +13 -15
  135. package/lib/icon/img-error.js +13 -15
  136. package/lib/icon/img-placehoulder.js +13 -15
  137. package/lib/icon/index.js +1 -1
  138. package/lib/icon/info-line.js +13 -15
  139. package/lib/icon/info.js +13 -15
  140. package/lib/icon/left-shape.js +13 -15
  141. package/lib/icon/left-turn-line.js +13 -15
  142. package/lib/icon/loading.js +13 -15
  143. package/lib/icon/narrow-line.js +13 -15
  144. package/lib/icon/original.js +13 -15
  145. package/lib/icon/pdf-fill.js +13 -15
  146. package/lib/icon/play-shape.js +13 -15
  147. package/lib/icon/plus.js +13 -15
  148. package/lib/icon/ppt-fill.js +13 -15
  149. package/lib/icon/qq.js +13 -15
  150. package/lib/icon/right-shape.js +13 -15
  151. package/lib/icon/right-turn-line.js +13 -15
  152. package/lib/icon/search.js +13 -15
  153. package/lib/icon/share.js +13 -15
  154. package/lib/icon/spinner.js +13 -15
  155. package/lib/icon/success.js +13 -15
  156. package/lib/icon/switcher-loading.js +13 -15
  157. package/lib/icon/text-all.js +13 -15
  158. package/lib/icon/text-file.js +13 -15
  159. package/lib/icon/text-fill.js +13 -15
  160. package/lib/icon/transfer.js +13 -15
  161. package/lib/icon/tree-application-shape.js +13 -15
  162. package/lib/icon/unfull-screen.js +13 -15
  163. package/lib/icon/unvisible.js +13 -15
  164. package/lib/icon/up-shape.js +13 -15
  165. package/lib/icon/upload.js +13 -15
  166. package/lib/icon/video-fill.js +13 -15
  167. package/lib/icon/warn.js +13 -15
  168. package/lib/icon/weixin-pro.js +13 -15
  169. package/lib/icon/weixin.js +13 -15
  170. package/lib/image/image-viewer.variable.css +1 -0
  171. package/lib/image/image.variable.css +1 -0
  172. package/lib/image/index.js +333 -352
  173. package/lib/index.js +1 -1
  174. package/lib/info-box/index.js +109 -108
  175. package/lib/info-box/info-box.css +20 -1
  176. package/lib/info-box/info-box.d.ts +1 -0
  177. package/lib/info-box/info-box.less +28 -2
  178. package/lib/info-box/info-box.variable.css +22 -2
  179. package/lib/input/index.d.ts +39 -20
  180. package/lib/input/index.js +363 -358
  181. package/lib/input/input.d.ts +30 -16
  182. package/lib/input/input.variable.css +1 -0
  183. package/lib/link/index.js +20 -28
  184. package/lib/link/link.variable.css +1 -0
  185. package/lib/loading/index.js +22 -28
  186. package/lib/loading/loading.variable.css +1 -0
  187. package/lib/locale/index.d.ts +1 -0
  188. package/lib/locale/index.js +175 -7
  189. package/lib/locale/lang/ja-jp.d.ts +3 -0
  190. package/lib/menu/index.js +44 -49
  191. package/lib/menu/menu.variable.css +1 -0
  192. package/lib/menu/submenu.variable.css +1 -0
  193. package/lib/message/index.js +45 -51
  194. package/lib/message/message.variable.css +1 -0
  195. package/lib/modal/index.js +43 -45
  196. package/lib/modal/modal.css +20 -1
  197. package/lib/modal/modal.variable.css +21 -1
  198. package/lib/navigation/index.js +22 -30
  199. package/lib/navigation/navigation.variable.css +1 -0
  200. package/lib/notify/index.js +30 -40
  201. package/lib/notify/notify.variable.css +1 -0
  202. package/lib/overflow-title/index.js +32 -44
  203. package/lib/pagination/index.js +68 -76
  204. package/lib/pagination/pagination.css +1 -0
  205. package/lib/pagination/pagination.less +1 -0
  206. package/lib/pagination/pagination.variable.css +2 -0
  207. package/lib/pop-confirm/index.d.ts +584 -0
  208. package/lib/pop-confirm/index.js +43 -55
  209. package/lib/pop-confirm/pop-confirm.d.ts +292 -0
  210. package/lib/pop-confirm/pop-confirm.variable.css +1 -0
  211. package/lib/pop-confirm/props.d.ts +146 -0
  212. package/lib/popover/index.js +363 -382
  213. package/lib/popover/popover.variable.css +1 -0
  214. package/lib/popover2/index.js +12 -16
  215. package/lib/preset.js +1 -1
  216. package/lib/process/index.js +76 -80
  217. package/lib/process/process.d.ts +1 -1
  218. package/lib/process/process.variable.css +1 -0
  219. package/lib/progress/index.js +24 -30
  220. package/lib/progress/progress.variable.css +1 -0
  221. package/lib/radio/index.js +36 -44
  222. package/lib/radio/radio.variable.css +1 -0
  223. package/lib/rate/index.js +22 -28
  224. package/lib/rate/rate.variable.css +1 -0
  225. package/lib/resize-layout/index.js +24 -32
  226. package/lib/resize-layout/resize-layout.variable.css +1 -0
  227. package/lib/scrollbar/css/scrollbar.variable.css +1 -0
  228. package/lib/scrollbar/index.js +31 -31
  229. package/lib/search-select/index.d.ts +21 -3
  230. package/lib/search-select/index.js +558 -543
  231. package/lib/search-select/input.d.ts +3 -0
  232. package/lib/search-select/search-select.d.ts +7 -1
  233. package/lib/search-select/search-select.variable.css +1 -0
  234. package/lib/search-select/selected.d.ts +6 -0
  235. package/lib/select/index.d.ts +22 -3
  236. package/lib/select/index.js +560 -597
  237. package/lib/select/select.d.ts +11 -1
  238. package/lib/select/select.variable.css +1 -0
  239. package/lib/shared/index.d.ts +1 -1
  240. package/lib/shared/index.js +59 -67
  241. package/lib/shared/z-index-manager.d.ts +1 -1
  242. package/lib/sideslider/index.js +84 -92
  243. package/lib/sideslider/sideslider.variable.css +1 -0
  244. package/lib/slider/index.d.ts +1 -1
  245. package/lib/slider/index.js +80 -89
  246. package/lib/slider/slider-button.d.ts +1 -1
  247. package/lib/slider/slider.d.ts +1 -1
  248. package/lib/slider/slider.variable.css +1 -0
  249. package/lib/steps/index.js +74 -80
  250. package/lib/steps/steps.d.ts +1 -1
  251. package/lib/steps/steps.variable.css +1 -0
  252. package/lib/styles/mixins/animate.variable.css +1 -0
  253. package/lib/styles/mixins/popper.variable.css +1 -0
  254. package/lib/styles/mixins/scroll.variable.css +1 -0
  255. package/lib/styles/reset.variable.css +1 -0
  256. package/lib/styles/themes/themes.less +3 -0
  257. package/lib/swiper/index.js +20 -26
  258. package/lib/swiper/swiper.variable.css +1 -0
  259. package/lib/switcher/index.js +24 -32
  260. package/lib/switcher/switcher.variable.css +1 -0
  261. package/lib/tab/index.d.ts +12 -0
  262. package/lib/tab/index.js +341 -352
  263. package/lib/tab/props.d.ts +3 -0
  264. package/lib/tab/tab.d.ts +6 -0
  265. package/lib/tab/tab.variable.css +1 -0
  266. package/lib/table/index.js +630 -691
  267. package/lib/table/plugins/head-filter.variable.css +1 -0
  268. package/lib/table/plugins/head-sort.variable.css +1 -0
  269. package/lib/table/plugins/settings.variable.css +1 -0
  270. package/lib/table/table.css +1 -0
  271. package/lib/table/table.variable.css +2 -0
  272. package/lib/table-column/index.js +10 -14
  273. package/lib/tag/index.js +28 -38
  274. package/lib/tag/tag.variable.css +1 -0
  275. package/lib/tag-input/index.d.ts +3 -0
  276. package/lib/tag-input/index.js +2190 -851
  277. package/lib/tag-input/tag-input.d.ts +1 -0
  278. package/lib/tag-input/tag-input.variable.css +1 -0
  279. package/lib/time-picker/index.js +10 -14
  280. package/lib/time-picker/time-picker.variable.css +1 -0
  281. package/lib/timeline/index.js +1368 -25
  282. package/lib/timeline/timeline.d.ts +1 -1
  283. package/lib/timeline/timeline.variable.css +1 -0
  284. package/lib/transfer/index.d.ts +1 -24
  285. package/lib/transfer/index.js +61 -67
  286. package/lib/transfer/props.d.ts +0 -5
  287. package/lib/transfer/transfer.css +26 -8
  288. package/lib/transfer/transfer.d.ts +1 -12
  289. package/lib/transfer/transfer.less +18 -8
  290. package/lib/transfer/transfer.variable.css +27 -8
  291. package/lib/tree/constant.d.ts +2 -0
  292. package/lib/tree/index.d.ts +48 -0
  293. package/lib/tree/index.js +297 -171
  294. package/lib/tree/props.d.ts +20 -0
  295. package/lib/tree/tree.css +46 -0
  296. package/lib/tree/tree.d.ts +22 -0
  297. package/lib/tree/tree.less +57 -2
  298. package/lib/tree/tree.variable.css +47 -0
  299. package/lib/tree/use-node-action.d.ts +2 -2
  300. package/lib/upload/index.js +570 -582
  301. package/lib/upload/upload.variable.css +1 -0
  302. package/lib/virtual-render/index.js +50 -62
  303. package/lib/virtual-render/virtual-render.variable.css +1 -0
  304. package/lib/volar.components.d.ts +2 -1
  305. package/package.json +13 -2
  306. package/dist/style.css +0 -1
package/lib/cascader/cascader.variable.css CHANGED
@@ -127,6 +127,7 @@
127
127
  --search-select-menu-border-color: var(--disable-color);
128
128
  --select-active-color: #e1ecff;
129
129
  --select-hover-color: #f5f7fa;
130
+ --sub-title-bg-color: #f5f6fa;
130
131
  }
131
132
  @keyframes loading-scale-animate {
132
133
  0% {
@@ -293,12 +294,12 @@
293
294
  position: absolute;
294
295
  right: 2px;
295
296
  display: inline-flex;
297
+ align-items: center;
296
298
  height: 100%;
297
299
  font-size: 20px;
298
300
  color: #979ba5;
299
- transform: rotate(180deg);
300
301
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
301
- align-items: center;
302
+ transform: rotate(180deg);
302
303
  }
303
304
  .bk-cascader .bk-icon-clear-icon {
304
305
  right: 4px;
@@ -316,8 +317,8 @@
316
317
  position: static;
317
318
  display: block;
318
319
  max-width: 100%;
319
- max-height: 120px;
320
320
  min-height: 30px;
321
+ max-height: 120px;
321
322
  padding: 0 24px 0 11px;
322
323
  overflow-x: hidden;
323
324
  text-overflow: ellipsis;
@@ -341,18 +342,18 @@
341
342
  white-space: nowrap;
342
343
  }
343
344
  .bk-cascader .bk-cascader-name .cascader-tag-list {
345
+ box-sizing: border-box;
344
346
  display: flex;
347
+ flex-wrap: wrap;
345
348
  height: 32px;
346
349
  min-height: 30px;
347
350
  padding-top: 5px;
348
351
  overflow: hidden;
349
- box-sizing: border-box;
350
- flex-wrap: wrap;
351
352
  }
352
353
  .bk-cascader .bk-cascader-name .cascader-tag-list .tag-item {
353
354
  position: relative;
354
- height: 22px;
355
355
  max-width: calc(100% - 50px);
356
+ height: 22px;
356
357
  padding-right: 18px;
357
358
  margin: 0 6px 5px 0;
358
359
  overflow: hidden;
@@ -372,49 +373,51 @@
372
373
  text-overflow: ellipsis;
373
374
  white-space: nowrap;
374
375
  }
375
- .bk-cascader-panel-wrapper {
376
- display: inline-flex;
376
+ .bk-cascader-popover {
377
377
  border: 1px solid #dcdee5;
378
378
  border-radius: 2px;
379
379
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
380
380
  }
381
- .bk-cascader-panel-wrapper .bk-cascader-panel {
381
+ .bk-cascader-popover .bk-cascader-panel-wrapper {
382
+ display: inline-flex;
383
+ }
384
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel {
382
385
  min-width: 160px;
383
386
  padding: 4px 0;
384
387
  background: white;
385
388
  border-right: 1px solid #dcdee5;
386
389
  }
387
- .bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
390
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
388
391
  border-right: none;
389
392
  }
390
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
393
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
391
394
  position: relative;
392
395
  display: flex;
396
+ align-items: center;
393
397
  padding: 0 16px;
394
398
  overflow: hidden;
395
399
  line-height: 32px;
396
400
  text-overflow: ellipsis;
397
401
  white-space: nowrap;
398
402
  cursor: pointer;
399
- align-items: center;
400
403
  }
401
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
404
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
402
405
  background: #f5f7fa;
403
406
  }
404
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
405
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
407
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
408
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
406
409
  color: #3a84ff;
407
410
  background: #e1ecff;
408
411
  }
409
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
412
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
410
413
  color: #c4c6cc;
411
414
  cursor: not-allowed;
412
415
  background-color: white;
413
416
  }
414
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
417
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
415
418
  color: #c4c6cc;
416
419
  }
417
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
420
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
418
421
  position: absolute;
419
422
  top: 50%;
420
423
  right: 0;
@@ -422,7 +425,7 @@
422
425
  color: #979ba5;
423
426
  transform: translateY(-50%);
424
427
  }
425
- .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
428
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
426
429
  position: absolute;
427
430
  top: 50%;
428
431
  right: 5px;
@@ -430,14 +433,14 @@
430
433
  color: #979ba5;
431
434
  transform: translateY(-50%);
432
435
  }
433
- .bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
436
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
434
437
  display: flex;
435
- height: 100%;
436
- color: #63656e;
437
438
  align-items: center;
438
439
  justify-content: center;
440
+ height: 100%;
441
+ color: #63656e;
439
442
  }
440
- .bk-cascader-panel-wrapper .bk-cascader-search-empty {
443
+ .bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-search-empty {
441
444
  display: flex;
442
445
  align-items: center;
443
446
  justify-content: center;
@@ -445,6 +448,6 @@
445
448
  color: #63656e;
446
449
  }
447
450
  .bk-cascader-popover-reference {
448
- width: 100%;
449
451
  display: block !important;
452
+ width: 100%;
450
453
  }