@gitlab/ui 32.51.2 → 32.51.3
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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [32.51.3](https://gitlab.com/gitlab-org/gitlab-ui/compare/v32.51.2...v32.51.3) (2022-01-07)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **GlEmptyState:** replace Bootstrap CSS utilities with GitLab UI's ([2872ea5](https://gitlab.com/gitlab-org/gitlab-ui/commit/2872ea5f01e5b205359c8fbdf8db95d86c1097f8))
|
|
7
|
+
|
|
1
8
|
## [32.51.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v32.51.1...v32.51.2) (2022-01-06)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -110,7 +110,10 @@ var script = {
|
|
|
110
110
|
const __vue_script__ = script;
|
|
111
111
|
|
|
112
112
|
/* template */
|
|
113
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"
|
|
113
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"gl-display-flex gl-flex-wrap",class:{
|
|
114
|
+
'empty-state gl-text-center gl-flex-direction-column': !_vm.compact,
|
|
115
|
+
'gl-flex-direction-row': _vm.compact,
|
|
116
|
+
}},[_c('div',{class:{ 'gl-display-none gl-sm-display-block gl-px-4': _vm.compact, 'gl-max-w-full': !_vm.compact }},[(_vm.svgPath)?_c('div',{staticClass:"svg-250",class:{ 'svg-content': !_vm.compact }},[_c('img',{staticClass:"gl-max-w-full",attrs:{"src":_vm.svgPath,"alt":"","role":"img","height":_vm.height}})]):_vm._e()]),_vm._v(" "),_c('div',{class:_vm.compact ? 'gl-flex-grow-1 gl-flex-basis-0 gl-px-4' : 'gl-max-w-full gl-m-auto'},[_c('div',{staticClass:"gl-mx-auto gl-my-0",class:{ 'gl-p-5': !_vm.compact }},[_c('h1',{ref:"title",staticClass:"gl-font-size-h-display gl-line-height-36",class:_vm.compact ? 'h5' : 'h4'},[_vm._v("\n "+_vm._s(_vm.title)+"\n ")]),_vm._v(" "),(_vm.description || _vm.$scopedSlots.description)?_c('p',{ref:"description",staticClass:"gl-mt-3"},[_vm._t("description",[_vm._v("\n "+_vm._s(_vm.description)+"\n ")])],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-display-flex gl-flex-wrap",class:{ 'gl-justify-content-center': !_vm.compact }},[_vm._t("actions",[(_vm.shouldRenderPrimaryButton)?_c('gl-button',{staticClass:"gl-mb-3",class:_vm.compact ? 'gl-mr-3' : 'gl-mx-2',attrs:{"variant":"confirm","href":_vm.primaryButtonLink}},[_vm._v(_vm._s(_vm.primaryButtonText))]):_vm._e(),_vm._v(" "),(_vm.shouldRenderSecondaryButton)?_c('gl-button',{staticClass:"gl-mb-3 gl-mr-3",class:{ 'gl-mx-2!': !_vm.compact },attrs:{"href":_vm.secondaryButtonLink}},[_vm._v(_vm._s(_vm.secondaryButtonText)+"\n ")]):_vm._e()])],2)])])])};
|
|
114
117
|
var __vue_staticRenderFns__ = [];
|
|
115
118
|
|
|
116
119
|
/* style */
|
package/package.json
CHANGED
|
@@ -96,14 +96,22 @@ export default {
|
|
|
96
96
|
</script>
|
|
97
97
|
|
|
98
98
|
<template>
|
|
99
|
-
<section
|
|
100
|
-
|
|
99
|
+
<section
|
|
100
|
+
class="gl-display-flex gl-flex-wrap"
|
|
101
|
+
:class="{
|
|
102
|
+
'empty-state gl-text-center gl-flex-direction-column': !compact,
|
|
103
|
+
'gl-flex-direction-row': compact,
|
|
104
|
+
}"
|
|
105
|
+
>
|
|
106
|
+
<div
|
|
107
|
+
:class="{ 'gl-display-none gl-sm-display-block gl-px-4': compact, 'gl-max-w-full': !compact }"
|
|
108
|
+
>
|
|
101
109
|
<div v-if="svgPath" :class="{ 'svg-content': !compact }" class="svg-250">
|
|
102
110
|
<img :src="svgPath" alt="" role="img" class="gl-max-w-full" :height="height" />
|
|
103
111
|
</div>
|
|
104
112
|
</div>
|
|
105
|
-
<div :class="compact ? '
|
|
106
|
-
<div class="
|
|
113
|
+
<div :class="compact ? 'gl-flex-grow-1 gl-flex-basis-0 gl-px-4' : 'gl-max-w-full gl-m-auto'">
|
|
114
|
+
<div class="gl-mx-auto gl-my-0" :class="{ 'gl-p-5': !compact }">
|
|
107
115
|
<h1
|
|
108
116
|
ref="title"
|
|
109
117
|
class="gl-font-size-h-display gl-line-height-36"
|