@patternfly/patternfly 6.5.0-prerelease.30 → 6.5.0-prerelease.32
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/components/Compass/compass.css +14 -4
- package/components/Compass/compass.scss +16 -4
- package/components/Drawer/drawer.css +30 -26
- package/components/Drawer/drawer.scss +7 -3
- package/components/Masthead/masthead.css +40 -0
- package/components/Masthead/masthead.scss +47 -0
- package/components/Nav/nav.css +55 -0
- package/components/Nav/nav.scss +70 -3
- package/components/Page/page.css +20 -0
- package/components/Page/page.scss +27 -0
- package/components/Toolbar/toolbar.css +32 -6
- package/components/Toolbar/toolbar.scss +28 -4
- package/components/_index.css +191 -36
- package/docs/components/Compass/examples/Compass.css +8 -2
- package/docs/components/Compass/examples/Compass.md +22 -1
- package/docs/components/Masthead/examples/masthead.md +67 -0
- package/docs/components/Nav/examples/Navigation.md +44 -0
- package/docs/components/Page/examples/Page.md +37 -0
- package/docs/components/Toolbar/examples/Toolbar.md +28 -0
- package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
- package/docs/demos/Alert/examples/Alert.md +15 -15
- package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
- package/docs/demos/Banner/examples/Banner.md +10 -10
- package/docs/demos/CardView/examples/CardView.md +5 -5
- package/docs/demos/Compass/examples/Compass.md +208 -0
- package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
- package/docs/demos/DataList/examples/DataList.md +20 -23
- package/docs/demos/DescriptionList/examples/DescriptionList.md +15 -15
- package/docs/demos/Drawer/examples/Drawer.md +25 -25
- package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
- package/docs/demos/Masthead/examples/Masthead.md +55 -58
- package/docs/demos/Modal/examples/Modal.md +30 -33
- package/docs/demos/Nav/examples/Nav.md +299 -62
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
- package/docs/demos/Page/examples/Page.md +70 -79
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
- package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
- package/docs/demos/Table/examples/Table.md +75 -78
- package/docs/demos/Tabs/examples/Tabs.md +30 -30
- package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
- package/docs/demos/Wizard/examples/Wizard.md +45 -48
- package/package.json +2 -2
- package/patternfly-no-globals.css +191 -36
- package/patternfly.css +191 -36
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -6244,3 +6244,211 @@ wrapperTag: div
|
|
|
6244
6244
|
</div>
|
|
6245
6245
|
|
|
6246
6246
|
```
|
|
6247
|
+
|
|
6248
|
+
### Docked
|
|
6249
|
+
|
|
6250
|
+
```html isFullscreen isBeta
|
|
6251
|
+
<div
|
|
6252
|
+
class="pf-v6-c-compass pf-m-animate-smoothly pf-m-dock"
|
|
6253
|
+
style="
|
|
6254
|
+
--pf-v6-c-compass--BackgroundImage--light: url(/assets/images/compass--wallpaper-light.png);
|
|
6255
|
+
--pf-v6-c-compass--BackgroundImage--dark: url(/assets/images/compass--wallpaper-dark.png);
|
|
6256
|
+
"
|
|
6257
|
+
>
|
|
6258
|
+
<div class="pf-v6-c-compass__dock">
|
|
6259
|
+
<div class="pf-v6-c-skip-to-content">
|
|
6260
|
+
<a class="pf-v6-c-button pf-m-primary" href="#main-content-">
|
|
6261
|
+
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
6262
|
+
</a>
|
|
6263
|
+
</div>
|
|
6264
|
+
<header class="pf-v6-c-masthead pf-m-docked">
|
|
6265
|
+
<div class="pf-v6-c-masthead__main">
|
|
6266
|
+
<div class="pf-v6-c-masthead__brand">
|
|
6267
|
+
<a class="pf-v6-c-masthead__logo" href="#">
|
|
6268
|
+
<svg width="37px" height="37px" viewBox="0 0 158 158">
|
|
6269
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
6270
|
+
<defs>
|
|
6271
|
+
<linearGradient
|
|
6272
|
+
x1="68%"
|
|
6273
|
+
y1="2.25860997e-13%"
|
|
6274
|
+
x2="32%"
|
|
6275
|
+
y2="100%"
|
|
6276
|
+
id="linearGradient-1"
|
|
6277
|
+
>
|
|
6278
|
+
<stop stop-color="#2B9AF3" offset="0%" />
|
|
6279
|
+
<stop
|
|
6280
|
+
stop-color="#73BCF7"
|
|
6281
|
+
stop-opacity="0.502212631"
|
|
6282
|
+
offset="100%"
|
|
6283
|
+
/>
|
|
6284
|
+
</linearGradient>
|
|
6285
|
+
</defs>
|
|
6286
|
+
<g
|
|
6287
|
+
id="PF-IconLogo-color"
|
|
6288
|
+
stroke="none"
|
|
6289
|
+
stroke-width="1"
|
|
6290
|
+
fill="none"
|
|
6291
|
+
fill-rule="evenodd"
|
|
6292
|
+
>
|
|
6293
|
+
<g id="Logo">
|
|
6294
|
+
<path
|
|
6295
|
+
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
6296
|
+
id="Rectangle-Copy-17"
|
|
6297
|
+
fill="#0066CC"
|
|
6298
|
+
/>
|
|
6299
|
+
<path
|
|
6300
|
+
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
6301
|
+
id="Path-2"
|
|
6302
|
+
fill="url(#linearGradient-1)"
|
|
6303
|
+
/>
|
|
6304
|
+
<path
|
|
6305
|
+
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
6306
|
+
id="Path-2"
|
|
6307
|
+
fill="url(#linearGradient-1)"
|
|
6308
|
+
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
6309
|
+
/>
|
|
6310
|
+
</g>
|
|
6311
|
+
</g>
|
|
6312
|
+
</svg>
|
|
6313
|
+
</a>
|
|
6314
|
+
</div>
|
|
6315
|
+
</div>
|
|
6316
|
+
<hr class="pf-v6-c-divider" />
|
|
6317
|
+
<div class="pf-v6-c-masthead__content">
|
|
6318
|
+
<div class="pf-v6-c-toolbar pf-m-vertical pf-m-static" id="-toolbar">
|
|
6319
|
+
<div class="pf-v6-c-toolbar__content">
|
|
6320
|
+
<div class="pf-v6-c-toolbar__content-section">
|
|
6321
|
+
<nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
|
|
6322
|
+
<ul class="pf-v6-c-nav__list" role="list">
|
|
6323
|
+
<li class="pf-v6-c-nav__item">
|
|
6324
|
+
<a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
|
|
6325
|
+
<span class="pf-v6-c-nav__link-icon">
|
|
6326
|
+
<i class="fas fa-fw fa-cube" aria-hidden="true"></i>
|
|
6327
|
+
</span>
|
|
6328
|
+
</a>
|
|
6329
|
+
</li>
|
|
6330
|
+
<li class="pf-v6-c-nav__item">
|
|
6331
|
+
<a
|
|
6332
|
+
href="#"
|
|
6333
|
+
class="pf-v6-c-nav__link pf-m-current"
|
|
6334
|
+
aria-current="page"
|
|
6335
|
+
aria-label="Folder"
|
|
6336
|
+
>
|
|
6337
|
+
<span class="pf-v6-c-nav__link-icon">
|
|
6338
|
+
<i class="fas fa-fw fa-folder" aria-hidden="true"></i>
|
|
6339
|
+
</span>
|
|
6340
|
+
</a>
|
|
6341
|
+
</li>
|
|
6342
|
+
<li class="pf-v6-c-nav__item">
|
|
6343
|
+
<a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
|
|
6344
|
+
<span class="pf-v6-c-nav__link-icon">
|
|
6345
|
+
<i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
|
|
6346
|
+
</span>
|
|
6347
|
+
</a>
|
|
6348
|
+
</li>
|
|
6349
|
+
<li class="pf-v6-c-nav__item">
|
|
6350
|
+
<a href="#" class="pf-v6-c-nav__link" aria-label="Code">
|
|
6351
|
+
<span class="pf-v6-c-nav__link-icon">
|
|
6352
|
+
<i class="fas fa-fw fa-code" aria-hidden="true"></i>
|
|
6353
|
+
</span>
|
|
6354
|
+
</a>
|
|
6355
|
+
</li>
|
|
6356
|
+
</ul>
|
|
6357
|
+
</nav>
|
|
6358
|
+
|
|
6359
|
+
<div
|
|
6360
|
+
class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
|
|
6361
|
+
>
|
|
6362
|
+
<div
|
|
6363
|
+
class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
|
|
6364
|
+
>
|
|
6365
|
+
<div class="pf-v6-c-toolbar__item">
|
|
6366
|
+
<button
|
|
6367
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
6368
|
+
type="button"
|
|
6369
|
+
aria-expanded="false"
|
|
6370
|
+
aria-label="Application launcher"
|
|
6371
|
+
>
|
|
6372
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
6373
|
+
<i class="fas fa-th" aria-hidden="true"></i>
|
|
6374
|
+
</span>
|
|
6375
|
+
</button>
|
|
6376
|
+
</div>
|
|
6377
|
+
<div class="pf-v6-c-toolbar__item">
|
|
6378
|
+
<button
|
|
6379
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
6380
|
+
type="button"
|
|
6381
|
+
aria-expanded="false"
|
|
6382
|
+
aria-label="Settings"
|
|
6383
|
+
>
|
|
6384
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
6385
|
+
<i class="fas fa-cog" aria-hidden="true"></i>
|
|
6386
|
+
</span>
|
|
6387
|
+
</button>
|
|
6388
|
+
</div>
|
|
6389
|
+
<div class="pf-v6-c-toolbar__item">
|
|
6390
|
+
<button
|
|
6391
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
6392
|
+
type="button"
|
|
6393
|
+
aria-expanded="false"
|
|
6394
|
+
aria-label="Help"
|
|
6395
|
+
>
|
|
6396
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
6397
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
6398
|
+
</span>
|
|
6399
|
+
</button>
|
|
6400
|
+
</div>
|
|
6401
|
+
</div>
|
|
6402
|
+
|
|
6403
|
+
<div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
|
|
6404
|
+
<button
|
|
6405
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
6406
|
+
type="button"
|
|
6407
|
+
aria-expanded="false"
|
|
6408
|
+
aria-label="Actions"
|
|
6409
|
+
>
|
|
6410
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
6411
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
6412
|
+
</span>
|
|
6413
|
+
</button>
|
|
6414
|
+
</div>
|
|
6415
|
+
</div>
|
|
6416
|
+
</div>
|
|
6417
|
+
</div>
|
|
6418
|
+
</div>
|
|
6419
|
+
</div>
|
|
6420
|
+
</header>
|
|
6421
|
+
</div>
|
|
6422
|
+
<div class="pf-v6-c-compass__main">
|
|
6423
|
+
<div class="pf-v6-c-compass__main-header">
|
|
6424
|
+
<div class="pf-v6-c-compass__panel">
|
|
6425
|
+
<div class="pf-v6-c-compass__main-header-content">
|
|
6426
|
+
<div class="pf-v6-c-compass__main-header-title">
|
|
6427
|
+
<h2 class="pf-v6-c-title pf-m-h1">Header</h2>
|
|
6428
|
+
</div>
|
|
6429
|
+
<div class="pf-v6-c-compass__main-header-toolbar">
|
|
6430
|
+
<div class="pf-v6-c-action-list">
|
|
6431
|
+
<div class="pf-v6-c-action-list__group">
|
|
6432
|
+
<div class="pf-v6-c-action-list__item">
|
|
6433
|
+
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
6434
|
+
<span class="pf-v6-c-button__text">action</span>
|
|
6435
|
+
</button>
|
|
6436
|
+
</div>
|
|
6437
|
+
<div class="pf-v6-c-action-list__item">
|
|
6438
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
6439
|
+
<span class="pf-v6-c-button__text">action</span>
|
|
6440
|
+
</button>
|
|
6441
|
+
</div>
|
|
6442
|
+
</div>
|
|
6443
|
+
</div>
|
|
6444
|
+
</div>
|
|
6445
|
+
</div>
|
|
6446
|
+
</div>
|
|
6447
|
+
</div>
|
|
6448
|
+
<div class="pf-v6-c-compass__content">
|
|
6449
|
+
<div class="pf-v6-c-compass__panel">[so much room for activities]</div>
|
|
6450
|
+
</div>
|
|
6451
|
+
</div>
|
|
6452
|
+
</div>
|
|
6453
|
+
|
|
6454
|
+
```
|
|
@@ -13,7 +13,7 @@ cssPrefix: pf-d-dashboard
|
|
|
13
13
|
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
14
14
|
</a>
|
|
15
15
|
</div>
|
|
16
|
-
<header class="pf-v6-c-masthead" id="dashboard-demo-
|
|
16
|
+
<header class="pf-v6-c-masthead" id="dashboard-demo-docked">
|
|
17
17
|
<div class="pf-v6-c-masthead__main">
|
|
18
18
|
<span class="pf-v6-c-masthead__toggle">
|
|
19
19
|
<button
|
|
@@ -55,7 +55,7 @@ cssPrefix: pf-d-dashboard
|
|
|
55
55
|
y1="2.25860997e-13%"
|
|
56
56
|
x2="32%"
|
|
57
57
|
y2="100%"
|
|
58
|
-
id="linearGradient-dashboard-demo-
|
|
58
|
+
id="linearGradient-dashboard-demo-docked"
|
|
59
59
|
>
|
|
60
60
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
61
61
|
<stop
|
|
@@ -109,11 +109,11 @@ cssPrefix: pf-d-dashboard
|
|
|
109
109
|
/>
|
|
110
110
|
<path
|
|
111
111
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
112
|
-
fill="url(#linearGradient-dashboard-demo-
|
|
112
|
+
fill="url(#linearGradient-dashboard-demo-docked)"
|
|
113
113
|
/>
|
|
114
114
|
<path
|
|
115
115
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
116
|
-
fill="url(#linearGradient-dashboard-demo-
|
|
116
|
+
fill="url(#linearGradient-dashboard-demo-docked)"
|
|
117
117
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
118
118
|
/>
|
|
119
119
|
</g>
|
|
@@ -125,7 +125,7 @@ cssPrefix: pf-d-dashboard
|
|
|
125
125
|
<div class="pf-v6-c-masthead__content">
|
|
126
126
|
<div
|
|
127
127
|
class="pf-v6-c-toolbar pf-m-static"
|
|
128
|
-
id="dashboard-demo-
|
|
128
|
+
id="dashboard-demo-docked-toolbar"
|
|
129
129
|
>
|
|
130
130
|
<div class="pf-v6-c-toolbar__content">
|
|
131
131
|
<div class="pf-v6-c-toolbar__content-section">
|
|
@@ -16,7 +16,7 @@ wrapperTag: div
|
|
|
16
16
|
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
17
17
|
</a>
|
|
18
18
|
</div>
|
|
19
|
-
<header class="pf-v6-c-masthead" id="data-list-basic-example-
|
|
19
|
+
<header class="pf-v6-c-masthead" id="data-list-basic-example-docked">
|
|
20
20
|
<div class="pf-v6-c-masthead__main">
|
|
21
21
|
<span class="pf-v6-c-masthead__toggle">
|
|
22
22
|
<button
|
|
@@ -58,7 +58,7 @@ wrapperTag: div
|
|
|
58
58
|
y1="2.25860997e-13%"
|
|
59
59
|
x2="32%"
|
|
60
60
|
y2="100%"
|
|
61
|
-
id="linearGradient-data-list-basic-example-
|
|
61
|
+
id="linearGradient-data-list-basic-example-docked"
|
|
62
62
|
>
|
|
63
63
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
64
64
|
<stop
|
|
@@ -112,11 +112,11 @@ wrapperTag: div
|
|
|
112
112
|
/>
|
|
113
113
|
<path
|
|
114
114
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
115
|
-
fill="url(#linearGradient-data-list-basic-example-
|
|
115
|
+
fill="url(#linearGradient-data-list-basic-example-docked)"
|
|
116
116
|
/>
|
|
117
117
|
<path
|
|
118
118
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
119
|
-
fill="url(#linearGradient-data-list-basic-example-
|
|
119
|
+
fill="url(#linearGradient-data-list-basic-example-docked)"
|
|
120
120
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
121
121
|
/>
|
|
122
122
|
</g>
|
|
@@ -128,7 +128,7 @@ wrapperTag: div
|
|
|
128
128
|
<div class="pf-v6-c-masthead__content">
|
|
129
129
|
<div
|
|
130
130
|
class="pf-v6-c-toolbar pf-m-static"
|
|
131
|
-
id="data-list-basic-example-
|
|
131
|
+
id="data-list-basic-example-docked-toolbar"
|
|
132
132
|
>
|
|
133
133
|
<div class="pf-v6-c-toolbar__content">
|
|
134
134
|
<div class="pf-v6-c-toolbar__content-section">
|
|
@@ -961,7 +961,7 @@ wrapperTag: div
|
|
|
961
961
|
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
962
962
|
</a>
|
|
963
963
|
</div>
|
|
964
|
-
<header class="pf-v6-c-masthead" id="data-list-actionable-example-
|
|
964
|
+
<header class="pf-v6-c-masthead" id="data-list-actionable-example-docked">
|
|
965
965
|
<div class="pf-v6-c-masthead__main">
|
|
966
966
|
<span class="pf-v6-c-masthead__toggle">
|
|
967
967
|
<button
|
|
@@ -1003,7 +1003,7 @@ wrapperTag: div
|
|
|
1003
1003
|
y1="2.25860997e-13%"
|
|
1004
1004
|
x2="32%"
|
|
1005
1005
|
y2="100%"
|
|
1006
|
-
id="linearGradient-data-list-actionable-example-
|
|
1006
|
+
id="linearGradient-data-list-actionable-example-docked"
|
|
1007
1007
|
>
|
|
1008
1008
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
1009
1009
|
<stop
|
|
@@ -1057,11 +1057,11 @@ wrapperTag: div
|
|
|
1057
1057
|
/>
|
|
1058
1058
|
<path
|
|
1059
1059
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
1060
|
-
fill="url(#linearGradient-data-list-actionable-example-
|
|
1060
|
+
fill="url(#linearGradient-data-list-actionable-example-docked)"
|
|
1061
1061
|
/>
|
|
1062
1062
|
<path
|
|
1063
1063
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
1064
|
-
fill="url(#linearGradient-data-list-actionable-example-
|
|
1064
|
+
fill="url(#linearGradient-data-list-actionable-example-docked)"
|
|
1065
1065
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
1066
1066
|
/>
|
|
1067
1067
|
</g>
|
|
@@ -1073,7 +1073,7 @@ wrapperTag: div
|
|
|
1073
1073
|
<div class="pf-v6-c-masthead__content">
|
|
1074
1074
|
<div
|
|
1075
1075
|
class="pf-v6-c-toolbar pf-m-static"
|
|
1076
|
-
id="data-list-actionable-example-
|
|
1076
|
+
id="data-list-actionable-example-docked-toolbar"
|
|
1077
1077
|
>
|
|
1078
1078
|
<div class="pf-v6-c-toolbar__content">
|
|
1079
1079
|
<div class="pf-v6-c-toolbar__content-section">
|
|
@@ -1880,7 +1880,7 @@ wrapperTag: div
|
|
|
1880
1880
|
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
1881
1881
|
</a>
|
|
1882
1882
|
</div>
|
|
1883
|
-
<header class="pf-v6-c-masthead" id="data-list-expandable-example-
|
|
1883
|
+
<header class="pf-v6-c-masthead" id="data-list-expandable-example-docked">
|
|
1884
1884
|
<div class="pf-v6-c-masthead__main">
|
|
1885
1885
|
<span class="pf-v6-c-masthead__toggle">
|
|
1886
1886
|
<button
|
|
@@ -1922,7 +1922,7 @@ wrapperTag: div
|
|
|
1922
1922
|
y1="2.25860997e-13%"
|
|
1923
1923
|
x2="32%"
|
|
1924
1924
|
y2="100%"
|
|
1925
|
-
id="linearGradient-data-list-expandable-example-
|
|
1925
|
+
id="linearGradient-data-list-expandable-example-docked"
|
|
1926
1926
|
>
|
|
1927
1927
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
1928
1928
|
<stop
|
|
@@ -1976,11 +1976,11 @@ wrapperTag: div
|
|
|
1976
1976
|
/>
|
|
1977
1977
|
<path
|
|
1978
1978
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
1979
|
-
fill="url(#linearGradient-data-list-expandable-example-
|
|
1979
|
+
fill="url(#linearGradient-data-list-expandable-example-docked)"
|
|
1980
1980
|
/>
|
|
1981
1981
|
<path
|
|
1982
1982
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
1983
|
-
fill="url(#linearGradient-data-list-expandable-example-
|
|
1983
|
+
fill="url(#linearGradient-data-list-expandable-example-docked)"
|
|
1984
1984
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
1985
1985
|
/>
|
|
1986
1986
|
</g>
|
|
@@ -1992,7 +1992,7 @@ wrapperTag: div
|
|
|
1992
1992
|
<div class="pf-v6-c-masthead__content">
|
|
1993
1993
|
<div
|
|
1994
1994
|
class="pf-v6-c-toolbar pf-m-static"
|
|
1995
|
-
id="data-list-expandable-example-
|
|
1995
|
+
id="data-list-expandable-example-docked-toolbar"
|
|
1996
1996
|
>
|
|
1997
1997
|
<div class="pf-v6-c-toolbar__content">
|
|
1998
1998
|
<div class="pf-v6-c-toolbar__content-section">
|
|
@@ -3517,10 +3517,7 @@ wrapperTag: div
|
|
|
3517
3517
|
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
3518
3518
|
</a>
|
|
3519
3519
|
</div>
|
|
3520
|
-
<header
|
|
3521
|
-
class="pf-v6-c-masthead"
|
|
3522
|
-
id="data-list-static-bottom-example-masthead"
|
|
3523
|
-
>
|
|
3520
|
+
<header class="pf-v6-c-masthead" id="data-list-static-bottom-example-docked">
|
|
3524
3521
|
<div class="pf-v6-c-masthead__main">
|
|
3525
3522
|
<span class="pf-v6-c-masthead__toggle">
|
|
3526
3523
|
<button
|
|
@@ -3562,7 +3559,7 @@ wrapperTag: div
|
|
|
3562
3559
|
y1="2.25860997e-13%"
|
|
3563
3560
|
x2="32%"
|
|
3564
3561
|
y2="100%"
|
|
3565
|
-
id="linearGradient-data-list-static-bottom-example-
|
|
3562
|
+
id="linearGradient-data-list-static-bottom-example-docked"
|
|
3566
3563
|
>
|
|
3567
3564
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
3568
3565
|
<stop
|
|
@@ -3616,11 +3613,11 @@ wrapperTag: div
|
|
|
3616
3613
|
/>
|
|
3617
3614
|
<path
|
|
3618
3615
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
3619
|
-
fill="url(#linearGradient-data-list-static-bottom-example-
|
|
3616
|
+
fill="url(#linearGradient-data-list-static-bottom-example-docked)"
|
|
3620
3617
|
/>
|
|
3621
3618
|
<path
|
|
3622
3619
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
3623
|
-
fill="url(#linearGradient-data-list-static-bottom-example-
|
|
3620
|
+
fill="url(#linearGradient-data-list-static-bottom-example-docked)"
|
|
3624
3621
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
3625
3622
|
/>
|
|
3626
3623
|
</g>
|
|
@@ -3632,7 +3629,7 @@ wrapperTag: div
|
|
|
3632
3629
|
<div class="pf-v6-c-masthead__content">
|
|
3633
3630
|
<div
|
|
3634
3631
|
class="pf-v6-c-toolbar pf-m-static"
|
|
3635
|
-
id="data-list-static-bottom-example-
|
|
3632
|
+
id="data-list-static-bottom-example-docked-toolbar"
|
|
3636
3633
|
>
|
|
3637
3634
|
<div class="pf-v6-c-toolbar__content">
|
|
3638
3635
|
<div class="pf-v6-c-toolbar__content-section">
|
|
@@ -16,7 +16,7 @@ cssPrefix: pf-d-description-list
|
|
|
16
16
|
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
17
17
|
</a>
|
|
18
18
|
</div>
|
|
19
|
-
<header class="pf-v6-c-masthead" id="description-list-basic-example-
|
|
19
|
+
<header class="pf-v6-c-masthead" id="description-list-basic-example-docked">
|
|
20
20
|
<div class="pf-v6-c-masthead__main">
|
|
21
21
|
<span class="pf-v6-c-masthead__toggle">
|
|
22
22
|
<button
|
|
@@ -58,7 +58,7 @@ cssPrefix: pf-d-description-list
|
|
|
58
58
|
y1="2.25860997e-13%"
|
|
59
59
|
x2="32%"
|
|
60
60
|
y2="100%"
|
|
61
|
-
id="linearGradient-description-list-basic-example-
|
|
61
|
+
id="linearGradient-description-list-basic-example-docked"
|
|
62
62
|
>
|
|
63
63
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
64
64
|
<stop
|
|
@@ -112,11 +112,11 @@ cssPrefix: pf-d-description-list
|
|
|
112
112
|
/>
|
|
113
113
|
<path
|
|
114
114
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
115
|
-
fill="url(#linearGradient-description-list-basic-example-
|
|
115
|
+
fill="url(#linearGradient-description-list-basic-example-docked)"
|
|
116
116
|
/>
|
|
117
117
|
<path
|
|
118
118
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
119
|
-
fill="url(#linearGradient-description-list-basic-example-
|
|
119
|
+
fill="url(#linearGradient-description-list-basic-example-docked)"
|
|
120
120
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
121
121
|
/>
|
|
122
122
|
</g>
|
|
@@ -128,7 +128,7 @@ cssPrefix: pf-d-description-list
|
|
|
128
128
|
<div class="pf-v6-c-masthead__content">
|
|
129
129
|
<div
|
|
130
130
|
class="pf-v6-c-toolbar pf-m-static"
|
|
131
|
-
id="description-list-basic-example-
|
|
131
|
+
id="description-list-basic-example-docked-toolbar"
|
|
132
132
|
>
|
|
133
133
|
<div class="pf-v6-c-toolbar__content">
|
|
134
134
|
<div class="pf-v6-c-toolbar__content-section">
|
|
@@ -404,7 +404,7 @@ cssPrefix: pf-d-description-list
|
|
|
404
404
|
</div>
|
|
405
405
|
<header
|
|
406
406
|
class="pf-v6-c-masthead"
|
|
407
|
-
id="description-list-in-drawer-example-
|
|
407
|
+
id="description-list-in-drawer-example-docked"
|
|
408
408
|
>
|
|
409
409
|
<div class="pf-v6-c-masthead__main">
|
|
410
410
|
<span class="pf-v6-c-masthead__toggle">
|
|
@@ -447,7 +447,7 @@ cssPrefix: pf-d-description-list
|
|
|
447
447
|
y1="2.25860997e-13%"
|
|
448
448
|
x2="32%"
|
|
449
449
|
y2="100%"
|
|
450
|
-
id="linearGradient-description-list-in-drawer-example-
|
|
450
|
+
id="linearGradient-description-list-in-drawer-example-docked"
|
|
451
451
|
>
|
|
452
452
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
453
453
|
<stop
|
|
@@ -501,11 +501,11 @@ cssPrefix: pf-d-description-list
|
|
|
501
501
|
/>
|
|
502
502
|
<path
|
|
503
503
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
504
|
-
fill="url(#linearGradient-description-list-in-drawer-example-
|
|
504
|
+
fill="url(#linearGradient-description-list-in-drawer-example-docked)"
|
|
505
505
|
/>
|
|
506
506
|
<path
|
|
507
507
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
508
|
-
fill="url(#linearGradient-description-list-in-drawer-example-
|
|
508
|
+
fill="url(#linearGradient-description-list-in-drawer-example-docked)"
|
|
509
509
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
510
510
|
/>
|
|
511
511
|
</g>
|
|
@@ -517,7 +517,7 @@ cssPrefix: pf-d-description-list
|
|
|
517
517
|
<div class="pf-v6-c-masthead__content">
|
|
518
518
|
<div
|
|
519
519
|
class="pf-v6-c-toolbar pf-m-static"
|
|
520
|
-
id="description-list-in-drawer-example-
|
|
520
|
+
id="description-list-in-drawer-example-docked-toolbar"
|
|
521
521
|
>
|
|
522
522
|
<div class="pf-v6-c-toolbar__content">
|
|
523
523
|
<div class="pf-v6-c-toolbar__content-section">
|
|
@@ -1067,7 +1067,7 @@ cssPrefix: pf-d-description-list
|
|
|
1067
1067
|
</div>
|
|
1068
1068
|
<header
|
|
1069
1069
|
class="pf-v6-c-masthead"
|
|
1070
|
-
id="description-list-complex-content-example-
|
|
1070
|
+
id="description-list-complex-content-example-docked"
|
|
1071
1071
|
>
|
|
1072
1072
|
<div class="pf-v6-c-masthead__main">
|
|
1073
1073
|
<span class="pf-v6-c-masthead__toggle">
|
|
@@ -1110,7 +1110,7 @@ cssPrefix: pf-d-description-list
|
|
|
1110
1110
|
y1="2.25860997e-13%"
|
|
1111
1111
|
x2="32%"
|
|
1112
1112
|
y2="100%"
|
|
1113
|
-
id="linearGradient-description-list-complex-content-example-
|
|
1113
|
+
id="linearGradient-description-list-complex-content-example-docked"
|
|
1114
1114
|
>
|
|
1115
1115
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
1116
1116
|
<stop
|
|
@@ -1164,11 +1164,11 @@ cssPrefix: pf-d-description-list
|
|
|
1164
1164
|
/>
|
|
1165
1165
|
<path
|
|
1166
1166
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
1167
|
-
fill="url(#linearGradient-description-list-complex-content-example-
|
|
1167
|
+
fill="url(#linearGradient-description-list-complex-content-example-docked)"
|
|
1168
1168
|
/>
|
|
1169
1169
|
<path
|
|
1170
1170
|
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
1171
|
-
fill="url(#linearGradient-description-list-complex-content-example-
|
|
1171
|
+
fill="url(#linearGradient-description-list-complex-content-example-docked)"
|
|
1172
1172
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
1173
1173
|
/>
|
|
1174
1174
|
</g>
|
|
@@ -1180,7 +1180,7 @@ cssPrefix: pf-d-description-list
|
|
|
1180
1180
|
<div class="pf-v6-c-masthead__content">
|
|
1181
1181
|
<div
|
|
1182
1182
|
class="pf-v6-c-toolbar pf-m-static"
|
|
1183
|
-
id="description-list-complex-content-example-
|
|
1183
|
+
id="description-list-complex-content-example-docked-toolbar"
|
|
1184
1184
|
>
|
|
1185
1185
|
<div class="pf-v6-c-toolbar__content">
|
|
1186
1186
|
<div class="pf-v6-c-toolbar__content-section">
|