@carbon/ibm-products-styles 2.54.0 → 2.55.0-rc.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/css/index-full-carbon.css +18 -14
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +17 -4
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +18 -14
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +18 -14
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/package.json +3 -3
- package/scss/components/ConditionBuilder/_condition-builder.scss +0 -6
- package/scss/components/TagOverflow/_tag-overflow.scss +1 -6
- package/scss/components/Tearsheet/_tearsheet.scss +21 -6
|
@@ -26,13 +26,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--tag-overflow;
|
|
|
26
26
|
$block-class-overflow: #{$block-class}-popover;
|
|
27
27
|
$block-class-modal: #{$block-class}-modal;
|
|
28
28
|
|
|
29
|
-
.#{$block-class} {
|
|
29
|
+
.#{$block-class}__visible-tags {
|
|
30
30
|
display: flex;
|
|
31
|
-
width: 100%;
|
|
32
|
-
min-width: $spacing-12;
|
|
33
|
-
align-items: center;
|
|
34
|
-
justify-content: flex-start;
|
|
35
|
-
white-space: nowrap;
|
|
36
31
|
}
|
|
37
32
|
|
|
38
33
|
.#{$block-class}--align-end {
|
|
@@ -247,15 +247,9 @@ $motion-duration: $duration-moderate-02;
|
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
.#{$block-class}__header-description {
|
|
250
|
-
display: -webkit-box;
|
|
251
|
-
overflow: hidden;
|
|
252
250
|
max-width: 100%;
|
|
253
251
|
margin-top: $spacing-05;
|
|
254
252
|
@include type.type-style('body-compact-01');
|
|
255
|
-
|
|
256
|
-
-webkit-box-orient: vertical;
|
|
257
|
-
-webkit-line-clamp: 2;
|
|
258
|
-
|
|
259
253
|
@include breakpoint-up('md') {
|
|
260
254
|
max-width: 60%;
|
|
261
255
|
}
|
|
@@ -263,6 +257,27 @@ $motion-duration: $duration-moderate-02;
|
|
|
263
257
|
word-break: break-word;
|
|
264
258
|
}
|
|
265
259
|
|
|
260
|
+
.#{$block-class}__description-tooltip .#{$carbon-prefix}--definition-term {
|
|
261
|
+
border-bottom: 0;
|
|
262
|
+
letter-spacing: inherit;
|
|
263
|
+
word-break: break-word;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
// overwrites the existing styles to make the popover bigger because in some cases the narrow space can be too constricting for the description
|
|
267
|
+
.#{$block-class}__description-tooltip {
|
|
268
|
+
display: inline-flex;
|
|
269
|
+
.#{$carbon-prefix}--popover-content.#{$carbon-prefix}--definition-tooltip {
|
|
270
|
+
max-inline-size: fit-content;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.#{$block-class}__description-text {
|
|
275
|
+
display: -webkit-box;
|
|
276
|
+
overflow: hidden;
|
|
277
|
+
-webkit-box-orient: vertical;
|
|
278
|
+
-webkit-line-clamp: 2;
|
|
279
|
+
}
|
|
280
|
+
|
|
266
281
|
&.#{$block-class}--narrow .#{$block-class}__header-description {
|
|
267
282
|
margin-top: $spacing-03;
|
|
268
283
|
}
|