@deque/cauldron-styles 5.0.0-canary.2f367e65 → 5.0.0-canary.37cf8749
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/dist/index.css +14 -5
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -2042,7 +2042,8 @@ p .Link {
|
|
|
2042
2042
|
|
|
2043
2043
|
.Field__select--wrapper {
|
|
2044
2044
|
position: relative;
|
|
2045
|
-
|
|
2045
|
+
width: var(--select-width);
|
|
2046
|
+
max-width: 100%;
|
|
2046
2047
|
}
|
|
2047
2048
|
|
|
2048
2049
|
.arrow-down {
|
|
@@ -2537,6 +2538,8 @@ p .Link {
|
|
|
2537
2538
|
border-radius: 3px;
|
|
2538
2539
|
z-index: var(--z-index-tooltip);
|
|
2539
2540
|
text-align: center;
|
|
2541
|
+
max-width: calc(100vw - 16px);
|
|
2542
|
+
word-break: break-word;
|
|
2540
2543
|
}
|
|
2541
2544
|
|
|
2542
2545
|
.Tooltip--hidden {
|
|
@@ -4254,13 +4257,15 @@ fieldset.Panel {
|
|
|
4254
4257
|
}
|
|
4255
4258
|
|
|
4256
4259
|
.TwoColumnPanel__Header {
|
|
4257
|
-
|
|
4260
|
+
/* The -2px is to account for the borders that are outside of the element and will make it line up with the left panel when there's only one line of text */
|
|
4261
|
+
padding: calc(var(--space-small) - 2px);
|
|
4258
4262
|
border-bottom: 1px solid var(--two-column-panel-border-color);
|
|
4259
|
-
height: var(--two-column-panel-header-height);
|
|
4260
|
-
line-height: var(--two-column-panel-header-height);
|
|
4263
|
+
min-height: var(--two-column-panel-header-height);
|
|
4261
4264
|
font-weight: 500;
|
|
4262
4265
|
color: var(--two-column-panel-header-text-color);
|
|
4263
4266
|
flex: 1;
|
|
4267
|
+
display: flex;
|
|
4268
|
+
align-items: center;
|
|
4264
4269
|
}
|
|
4265
4270
|
|
|
4266
4271
|
.TwoColumnPanel__Left {
|
|
@@ -4397,12 +4402,16 @@ fieldset.Panel {
|
|
|
4397
4402
|
margin-bottom: 0;
|
|
4398
4403
|
}
|
|
4399
4404
|
|
|
4405
|
+
.TwoColumnPanel__ButtonToggle {
|
|
4406
|
+
display: flex;
|
|
4407
|
+
}
|
|
4408
|
+
|
|
4400
4409
|
.TwoColumnPanel__ButtonToggle button,
|
|
4401
4410
|
.TwoColumnPanel__Close button {
|
|
4402
4411
|
background-color: transparent;
|
|
4403
4412
|
border: none;
|
|
4404
4413
|
border-bottom: 1px solid var(--two-column-panel-border-color);
|
|
4405
|
-
height: var(--two-column-panel-header-height);
|
|
4414
|
+
min-height: var(--two-column-panel-header-height);
|
|
4406
4415
|
width: var(--two-column-panel-header-height);
|
|
4407
4416
|
}
|
|
4408
4417
|
|
package/package.json
CHANGED