@gitlab/ui 61.3.0 → 62.0.0
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 +18 -0
- package/dist/components/base/daterange_picker/daterange_picker.js +1 -1
- package/dist/components/base/token_selector/token_container.js +1 -1
- package/dist/index.css.map +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +1 -1
- package/src/components/base/daterange_picker/daterange_picker.vue +1 -1
- package/src/components/base/token_selector/token_container.vue +1 -1
- package/src/scss/utilities.scss +0 -72
- package/src/scss/utility-mixins/flex.scss +0 -41
package/package.json
CHANGED
|
@@ -128,7 +128,7 @@ export default {
|
|
|
128
128
|
</script>
|
|
129
129
|
|
|
130
130
|
<template>
|
|
131
|
-
<div class="gl-display-flex gl-flex-
|
|
131
|
+
<div class="gl-display-flex gl-flex-nowrap gl-align-items-flex-start gl-w-full">
|
|
132
132
|
<div
|
|
133
133
|
ref="tokenContainer"
|
|
134
134
|
class="gl-display-flex gl-flex-wrap gl-align-items-center gl-my-n1 gl-mx-n1 gl-w-full"
|
package/src/scss/utilities.scss
CHANGED
|
@@ -3387,78 +3387,6 @@
|
|
|
3387
3387
|
}
|
|
3388
3388
|
}
|
|
3389
3389
|
|
|
3390
|
-
.gl-flex-wrap-wrap {
|
|
3391
|
-
flex-wrap: wrap;
|
|
3392
|
-
}
|
|
3393
|
-
|
|
3394
|
-
.gl-flex-wrap-wrap\! {
|
|
3395
|
-
flex-wrap: wrap !important;
|
|
3396
|
-
}
|
|
3397
|
-
|
|
3398
|
-
.gl-lg-flex-wrap-wrap {
|
|
3399
|
-
@include gl-media-breakpoint-up(lg) {
|
|
3400
|
-
flex-wrap: wrap;
|
|
3401
|
-
}
|
|
3402
|
-
}
|
|
3403
|
-
|
|
3404
|
-
.gl-lg-flex-wrap-wrap\! {
|
|
3405
|
-
@include gl-media-breakpoint-up(lg) {
|
|
3406
|
-
flex-wrap: wrap !important;
|
|
3407
|
-
}
|
|
3408
|
-
}
|
|
3409
|
-
|
|
3410
|
-
.gl-xl-flex-wrap-wrap {
|
|
3411
|
-
@include gl-media-breakpoint-up(xl) {
|
|
3412
|
-
flex-wrap: wrap;
|
|
3413
|
-
}
|
|
3414
|
-
}
|
|
3415
|
-
|
|
3416
|
-
.gl-xl-flex-wrap-wrap\! {
|
|
3417
|
-
@include gl-media-breakpoint-up(xl) {
|
|
3418
|
-
flex-wrap: wrap !important;
|
|
3419
|
-
}
|
|
3420
|
-
}
|
|
3421
|
-
|
|
3422
|
-
.gl-sm-flex-wrap-wrap {
|
|
3423
|
-
@include gl-media-breakpoint-up(sm) {
|
|
3424
|
-
flex-wrap: wrap;
|
|
3425
|
-
}
|
|
3426
|
-
}
|
|
3427
|
-
|
|
3428
|
-
.gl-sm-flex-wrap-wrap\! {
|
|
3429
|
-
@include gl-media-breakpoint-up(sm) {
|
|
3430
|
-
flex-wrap: wrap !important;
|
|
3431
|
-
}
|
|
3432
|
-
}
|
|
3433
|
-
|
|
3434
|
-
.gl-flex-wrap-wrap-reverse {
|
|
3435
|
-
flex-wrap: wrap-reverse;
|
|
3436
|
-
}
|
|
3437
|
-
|
|
3438
|
-
.gl-flex-wrap-wrap-reverse\! {
|
|
3439
|
-
flex-wrap: wrap-reverse !important;
|
|
3440
|
-
}
|
|
3441
|
-
|
|
3442
|
-
.gl-flex-wrap-nowrap {
|
|
3443
|
-
flex-wrap: nowrap;
|
|
3444
|
-
}
|
|
3445
|
-
|
|
3446
|
-
.gl-flex-wrap-nowrap\! {
|
|
3447
|
-
flex-wrap: nowrap !important;
|
|
3448
|
-
}
|
|
3449
|
-
|
|
3450
|
-
.gl-sm-flex-wrap-nowrap {
|
|
3451
|
-
@include gl-media-breakpoint-up(sm) {
|
|
3452
|
-
flex-wrap: nowrap;
|
|
3453
|
-
}
|
|
3454
|
-
}
|
|
3455
|
-
|
|
3456
|
-
.gl-sm-flex-wrap-nowrap\! {
|
|
3457
|
-
@include gl-media-breakpoint-up(sm) {
|
|
3458
|
-
flex-wrap: nowrap !important;
|
|
3459
|
-
}
|
|
3460
|
-
}
|
|
3461
|
-
|
|
3462
3390
|
.gl-flex-direction-column {
|
|
3463
3391
|
flex-direction: column;
|
|
3464
3392
|
}
|
|
@@ -101,47 +101,6 @@
|
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
/**
|
|
105
|
-
* `gl-*flex-wrap-wrap` is deprecated; use `gl-*flex-wrap` instead.
|
|
106
|
-
* TODO: delete `gl-*flex-wrap-wrap` utilities classes, see
|
|
107
|
-
* https://gitlab.com/gitlab-org/gitlab-ui/-/issues/2204
|
|
108
|
-
*/
|
|
109
|
-
@mixin gl-flex-wrap-wrap {
|
|
110
|
-
flex-wrap: wrap;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
@mixin gl-lg-flex-wrap-wrap {
|
|
114
|
-
@include gl-media-breakpoint-up(lg) {
|
|
115
|
-
@include gl-flex-wrap-wrap;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
@mixin gl-xl-flex-wrap-wrap {
|
|
120
|
-
@include gl-media-breakpoint-up(xl) {
|
|
121
|
-
@include gl-flex-wrap-wrap;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
@mixin gl-sm-flex-wrap-wrap {
|
|
126
|
-
@include gl-media-breakpoint-up(sm) {
|
|
127
|
-
@include gl-flex-wrap-wrap;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
@mixin gl-flex-wrap-wrap-reverse {
|
|
132
|
-
flex-wrap: wrap-reverse;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
@mixin gl-flex-wrap-nowrap {
|
|
136
|
-
flex-wrap: nowrap;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
@mixin gl-sm-flex-wrap-nowrap {
|
|
140
|
-
@include gl-media-breakpoint-up(sm) {
|
|
141
|
-
@include gl-flex-wrap-nowrap;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
104
|
@mixin gl-flex-direction-column {
|
|
146
105
|
flex-direction: column;
|
|
147
106
|
}
|