@carbon/ibm-products-styles 2.62.0 → 2.63.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 +11 -5
- 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 +11 -5
- 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 +11 -5
- 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 +11 -5
- 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 +4 -4
- package/scss/components/PageHeader/_page-header.scss +15 -6
|
@@ -7160,14 +7160,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7160
7160
|
--c4p--page-header--background-opacity: 1;
|
|
7161
7161
|
--c4p--page-header--breadcrumb-title-top: initial;
|
|
7162
7162
|
--c4p--page-header--button-set-in-breadcrumb-width-px: initial;
|
|
7163
|
-
--c4p--page-header--navigation-buffer-top: $spacing-06;
|
|
7164
7163
|
}
|
|
7165
7164
|
.c4p--page-header.c4p--page-header--without-background {
|
|
7166
7165
|
border-block-end: none;
|
|
7167
7166
|
}
|
|
7168
|
-
.c4p--page-header.c4p--page-header--has-navigation-tags-only {
|
|
7169
|
-
--c4p--page-header--navigation-buffer-top: $spacing-04;
|
|
7170
|
-
}
|
|
7171
7167
|
.c4p--page-header::before {
|
|
7172
7168
|
--from-color: var(--cds-background, #ffffff);
|
|
7173
7169
|
--to-color: var(--cds-layer-01, #f4f4f4);
|
|
@@ -7197,7 +7193,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7197
7193
|
block-size: 0.25rem;
|
|
7198
7194
|
}
|
|
7199
7195
|
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
|
|
7200
|
-
min-block-size:
|
|
7196
|
+
min-block-size: 2.5rem;
|
|
7201
7197
|
}
|
|
7202
7198
|
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
|
|
7203
7199
|
display: flex;
|
|
@@ -7208,6 +7204,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7208
7204
|
max-inline-size: calc(0.6 * (100% + 2 * 1rem));
|
|
7209
7205
|
min-inline-size: calc(0.6 * (100% + 2 * 1rem));
|
|
7210
7206
|
}
|
|
7207
|
+
.c4p--page-header .c4p--page-header__has-page-actions-with-title-collapsed {
|
|
7208
|
+
max-inline-size: none;
|
|
7209
|
+
}
|
|
7211
7210
|
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar .c4p--page-header__has-page-actions-without-action-bar {
|
|
7212
7211
|
min-inline-size: 100%;
|
|
7213
7212
|
}
|
|
@@ -7229,6 +7228,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7229
7228
|
transition: all 150ms ease-out;
|
|
7230
7229
|
}
|
|
7231
7230
|
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
|
|
7231
|
+
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar.c4p--page-header__has-page-actions-with-title-collapsed::after,
|
|
7232
7232
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
|
|
7233
7233
|
/* creates a full width box shadow without causing scroll */
|
|
7234
7234
|
box-shadow: 25vw 1px 0 0 var(--cds-layer-accent-01, #e0e0e0), -25vw 1px 0 0 var(--cds-layer-accent-01, #e0e0e0);
|
|
@@ -7584,6 +7584,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7584
7584
|
.c4p--page-header .c4p--page-header__navigation-row .cds--tab-content {
|
|
7585
7585
|
display: none; /* need to figure out how to handle the tab content */
|
|
7586
7586
|
}
|
|
7587
|
+
.c4p--page-header .c4p--page-header__action-bar-column--has-page-actions {
|
|
7588
|
+
display: block;
|
|
7589
|
+
}
|
|
7590
|
+
.c4p--page-header .c4p--page-header__has-page-actions-with-title-collapsed .c4p--page-header__action-bar-column--has-page-actions {
|
|
7591
|
+
display: block;
|
|
7592
|
+
}
|
|
7587
7593
|
.c4p--page-header .c4p--page-header__navigation-tabs {
|
|
7588
7594
|
margin-inline-start: calc(-1 * 1rem);
|
|
7589
7595
|
}
|