@patternfly/patternfly 6.0.0-alpha.161 → 6.0.0-alpha.162
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/Page/page.css +38 -54
- package/components/Page/page.scss +19 -32
- package/components/Toolbar/toolbar.css +1 -0
- package/components/Toolbar/toolbar.scss +1 -0
- package/components/_index.css +39 -54
- package/docs/components/Page/examples/Page.css +5 -9
- package/docs/components/Page/examples/Page.md +71 -32
- package/docs/demos/Alert/examples/Alert.md +393 -374
- package/docs/demos/CardView/examples/CardView.md +717 -708
- package/docs/demos/DataList/examples/DataList.md +2574 -2500
- package/docs/demos/Drawer/examples/Drawer.md +190 -182
- package/docs/demos/JumpLinks/examples/JumpLinks.md +642 -612
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +3608 -3490
- package/docs/demos/Skeleton/examples/Skeleton.md +128 -126
- package/docs/demos/Table/examples/Table.md +9458 -9105
- package/docs/demos/Tabs/examples/Tabs.md +889 -885
- package/docs/demos/Toolbar/examples/Toolbar.md +1254 -1147
- package/package.json +1 -1
- package/patternfly-no-globals.css +39 -54
- package/patternfly.css +39 -54
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1977,966 +1977,968 @@ section: components
|
|
|
1977
1977
|
</div>
|
|
1978
1978
|
</section>
|
|
1979
1979
|
<section class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light">
|
|
1980
|
-
<div
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
<div class="pf-v6-c-toolbar__content
|
|
1986
|
-
<div
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
<
|
|
1991
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
1992
|
-
type="button"
|
|
1993
|
-
aria-expanded="false"
|
|
1994
|
-
aria-label="Show filters"
|
|
1995
|
-
aria-controls="table-tabs-example-tabs-toolbar-expandable-content"
|
|
1996
|
-
>
|
|
1997
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
1998
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
1999
|
-
</span>
|
|
2000
|
-
</button>
|
|
2001
|
-
</div>
|
|
2002
|
-
|
|
2003
|
-
<div class="pf-v6-c-toolbar__item">
|
|
2004
|
-
<div class="pf-v6-c-select">
|
|
2005
|
-
<span
|
|
2006
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-label"
|
|
2007
|
-
hidden
|
|
2008
|
-
>Choose many</span>
|
|
2009
|
-
|
|
1980
|
+
<div class="pf-v6-c-page__main-body">
|
|
1981
|
+
<div
|
|
1982
|
+
class="pf-v6-c-toolbar pf-m-page-insets"
|
|
1983
|
+
id="table-tabs-example-tabs-toolbar"
|
|
1984
|
+
>
|
|
1985
|
+
<div class="pf-v6-c-toolbar__content">
|
|
1986
|
+
<div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
|
|
1987
|
+
<div
|
|
1988
|
+
class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
|
|
1989
|
+
>
|
|
1990
|
+
<div class="pf-v6-c-toolbar__toggle pf-m-show">
|
|
2010
1991
|
<button
|
|
2011
|
-
class="pf-v6-c-
|
|
1992
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2012
1993
|
type="button"
|
|
2013
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-toggle"
|
|
2014
|
-
aria-haspopup="true"
|
|
2015
1994
|
aria-expanded="false"
|
|
2016
|
-
aria-
|
|
1995
|
+
aria-label="Show filters"
|
|
1996
|
+
aria-controls="table-tabs-example-tabs-toolbar-expandable-content"
|
|
2017
1997
|
>
|
|
2018
|
-
<
|
|
2019
|
-
<
|
|
2020
|
-
</div>
|
|
2021
|
-
<span class="pf-v6-c-select__toggle-arrow">
|
|
2022
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1998
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
1999
|
+
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
2023
2000
|
</span>
|
|
2024
2001
|
</button>
|
|
2025
|
-
|
|
2026
|
-
<div class="pf-v6-c-select__menu" hidden>
|
|
2027
|
-
<fieldset
|
|
2028
|
-
class="pf-v6-c-select__menu-fieldset"
|
|
2029
|
-
aria-label="Select input"
|
|
2030
|
-
>
|
|
2031
|
-
<label
|
|
2032
|
-
class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
|
|
2033
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
|
|
2034
|
-
for="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
|
|
2035
|
-
>
|
|
2036
|
-
<input
|
|
2037
|
-
class="pf-v6-c-check__input"
|
|
2038
|
-
type="checkbox"
|
|
2039
|
-
aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
|
|
2040
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
|
|
2041
|
-
name="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
|
|
2042
|
-
/>
|
|
2043
|
-
<span class="pf-v6-c-check__label">Active</span>
|
|
2044
|
-
<span
|
|
2045
|
-
class="pf-v6-c-check__description"
|
|
2046
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
|
|
2047
|
-
>This is a description</span>
|
|
2048
|
-
</label>
|
|
2049
|
-
<label
|
|
2050
|
-
class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
|
|
2051
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
|
|
2052
|
-
for="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
|
|
2053
|
-
>
|
|
2054
|
-
<input
|
|
2055
|
-
class="pf-v6-c-check__input"
|
|
2056
|
-
type="checkbox"
|
|
2057
|
-
aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
|
|
2058
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
|
|
2059
|
-
name="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
|
|
2060
|
-
/>
|
|
2061
|
-
<span class="pf-v6-c-check__label">Canceled</span>
|
|
2062
|
-
<span
|
|
2063
|
-
class="pf-v6-c-check__description"
|
|
2064
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
|
|
2065
|
-
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
2066
|
-
</label>
|
|
2067
|
-
<label
|
|
2068
|
-
class="pf-v6-c-check pf-v6-c-select__menu-item"
|
|
2069
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
|
|
2070
|
-
for="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
|
|
2071
|
-
>
|
|
2072
|
-
<input
|
|
2073
|
-
class="pf-v6-c-check__input"
|
|
2074
|
-
type="checkbox"
|
|
2075
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
|
|
2076
|
-
name="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
|
|
2077
|
-
/>
|
|
2078
|
-
<span class="pf-v6-c-check__label">Paused</span>
|
|
2079
|
-
</label>
|
|
2080
|
-
<label
|
|
2081
|
-
class="pf-v6-c-check pf-v6-c-select__menu-item"
|
|
2082
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
|
|
2083
|
-
for="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
|
|
2084
|
-
>
|
|
2085
|
-
<input
|
|
2086
|
-
class="pf-v6-c-check__input"
|
|
2087
|
-
type="checkbox"
|
|
2088
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
|
|
2089
|
-
name="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
|
|
2090
|
-
/>
|
|
2091
|
-
<span class="pf-v6-c-check__label">Warning</span>
|
|
2092
|
-
</label>
|
|
2093
|
-
<label
|
|
2094
|
-
class="pf-v6-c-check pf-v6-c-select__menu-item"
|
|
2095
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
|
|
2096
|
-
for="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
|
|
2097
|
-
>
|
|
2098
|
-
<input
|
|
2099
|
-
class="pf-v6-c-check__input"
|
|
2100
|
-
type="checkbox"
|
|
2101
|
-
id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
|
|
2102
|
-
name="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
|
|
2103
|
-
/>
|
|
2104
|
-
<span class="pf-v6-c-check__label">Restarted</span>
|
|
2105
|
-
</label>
|
|
2106
|
-
</fieldset>
|
|
2107
|
-
</div>
|
|
2108
2002
|
</div>
|
|
2109
|
-
</div>
|
|
2110
|
-
</div>
|
|
2111
2003
|
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
<i
|
|
2119
|
-
class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
|
|
2120
|
-
aria-hidden="true"
|
|
2121
|
-
></i>
|
|
2122
|
-
</button>
|
|
2123
|
-
</div>
|
|
2004
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2005
|
+
<div class="pf-v6-c-select">
|
|
2006
|
+
<span
|
|
2007
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-label"
|
|
2008
|
+
hidden
|
|
2009
|
+
>Choose many</span>
|
|
2124
2010
|
|
|
2125
|
-
<div
|
|
2126
|
-
class="pf-v6-c-overflow-menu"
|
|
2127
|
-
id="table-tabs-example-tabs-toolbar-overflow-menu"
|
|
2128
|
-
>
|
|
2129
|
-
<div
|
|
2130
|
-
class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
|
|
2131
|
-
>
|
|
2132
|
-
<div class="pf-v6-c-overflow-menu__group pf-m-button-group">
|
|
2133
|
-
<div class="pf-v6-c-overflow-menu__item">
|
|
2134
2011
|
<button
|
|
2135
|
-
class="pf-v6-c-
|
|
2012
|
+
class="pf-v6-c-select__toggle"
|
|
2136
2013
|
type="button"
|
|
2137
|
-
|
|
2138
|
-
|
|
2014
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-toggle"
|
|
2015
|
+
aria-haspopup="true"
|
|
2016
|
+
aria-expanded="false"
|
|
2017
|
+
aria-labelledby="table-tabs-example-tabs-toolbar-select-checkbox-status-label table-tabs-example-tabs-toolbar-select-checkbox-status-toggle"
|
|
2018
|
+
>
|
|
2019
|
+
<div class="pf-v6-c-select__toggle-wrapper">
|
|
2020
|
+
<span class="pf-v6-c-select__toggle-text">Name</span>
|
|
2021
|
+
</div>
|
|
2022
|
+
<span class="pf-v6-c-select__toggle-arrow">
|
|
2023
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
2024
|
+
</span>
|
|
2025
|
+
</button>
|
|
2139
2026
|
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2027
|
+
<div class="pf-v6-c-select__menu" hidden>
|
|
2028
|
+
<fieldset
|
|
2029
|
+
class="pf-v6-c-select__menu-fieldset"
|
|
2030
|
+
aria-label="Select input"
|
|
2031
|
+
>
|
|
2032
|
+
<label
|
|
2033
|
+
class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
|
|
2034
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
|
|
2035
|
+
for="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
|
|
2036
|
+
>
|
|
2037
|
+
<input
|
|
2038
|
+
class="pf-v6-c-check__input"
|
|
2039
|
+
type="checkbox"
|
|
2040
|
+
aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
|
|
2041
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
|
|
2042
|
+
name="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
|
|
2043
|
+
/>
|
|
2044
|
+
<span class="pf-v6-c-check__label">Active</span>
|
|
2045
|
+
<span
|
|
2046
|
+
class="pf-v6-c-check__description"
|
|
2047
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
|
|
2048
|
+
>This is a description</span>
|
|
2049
|
+
</label>
|
|
2050
|
+
<label
|
|
2051
|
+
class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
|
|
2052
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
|
|
2053
|
+
for="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
|
|
2054
|
+
>
|
|
2055
|
+
<input
|
|
2056
|
+
class="pf-v6-c-check__input"
|
|
2057
|
+
type="checkbox"
|
|
2058
|
+
aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
|
|
2059
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
|
|
2060
|
+
name="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
|
|
2061
|
+
/>
|
|
2062
|
+
<span class="pf-v6-c-check__label">Canceled</span>
|
|
2063
|
+
<span
|
|
2064
|
+
class="pf-v6-c-check__description"
|
|
2065
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
|
|
2066
|
+
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
2067
|
+
</label>
|
|
2068
|
+
<label
|
|
2069
|
+
class="pf-v6-c-check pf-v6-c-select__menu-item"
|
|
2070
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
|
|
2071
|
+
for="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
|
|
2072
|
+
>
|
|
2073
|
+
<input
|
|
2074
|
+
class="pf-v6-c-check__input"
|
|
2075
|
+
type="checkbox"
|
|
2076
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
|
|
2077
|
+
name="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
|
|
2078
|
+
/>
|
|
2079
|
+
<span class="pf-v6-c-check__label">Paused</span>
|
|
2080
|
+
</label>
|
|
2081
|
+
<label
|
|
2082
|
+
class="pf-v6-c-check pf-v6-c-select__menu-item"
|
|
2083
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
|
|
2084
|
+
for="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
|
|
2085
|
+
>
|
|
2086
|
+
<input
|
|
2087
|
+
class="pf-v6-c-check__input"
|
|
2088
|
+
type="checkbox"
|
|
2089
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
|
|
2090
|
+
name="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
|
|
2091
|
+
/>
|
|
2092
|
+
<span class="pf-v6-c-check__label">Warning</span>
|
|
2093
|
+
</label>
|
|
2094
|
+
<label
|
|
2095
|
+
class="pf-v6-c-check pf-v6-c-select__menu-item"
|
|
2096
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
|
|
2097
|
+
for="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
|
|
2098
|
+
>
|
|
2099
|
+
<input
|
|
2100
|
+
class="pf-v6-c-check__input"
|
|
2101
|
+
type="checkbox"
|
|
2102
|
+
id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
|
|
2103
|
+
name="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
|
|
2104
|
+
/>
|
|
2105
|
+
<span class="pf-v6-c-check__label">Restarted</span>
|
|
2106
|
+
</label>
|
|
2107
|
+
</fieldset>
|
|
2108
|
+
</div>
|
|
2145
2109
|
</div>
|
|
2146
2110
|
</div>
|
|
2147
2111
|
</div>
|
|
2148
|
-
|
|
2112
|
+
|
|
2113
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2149
2114
|
<button
|
|
2150
|
-
class="pf-v6-c-
|
|
2115
|
+
class="pf-v6-c-button pf-m-plain"
|
|
2151
2116
|
type="button"
|
|
2152
|
-
aria-
|
|
2153
|
-
aria-label="Menu toggle"
|
|
2154
|
-
id="table-tabs-example-tabs-toolbar-overflow-menutoggle"
|
|
2117
|
+
aria-label="Sort"
|
|
2155
2118
|
>
|
|
2156
|
-
<
|
|
2157
|
-
|
|
2158
|
-
|
|
2119
|
+
<i
|
|
2120
|
+
class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
|
|
2121
|
+
aria-hidden="true"
|
|
2122
|
+
></i>
|
|
2159
2123
|
</button>
|
|
2160
2124
|
</div>
|
|
2125
|
+
|
|
2126
|
+
<div
|
|
2127
|
+
class="pf-v6-c-overflow-menu"
|
|
2128
|
+
id="table-tabs-example-tabs-toolbar-overflow-menu"
|
|
2129
|
+
>
|
|
2130
|
+
<div
|
|
2131
|
+
class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
|
|
2132
|
+
>
|
|
2133
|
+
<div class="pf-v6-c-overflow-menu__group pf-m-button-group">
|
|
2134
|
+
<div class="pf-v6-c-overflow-menu__item">
|
|
2135
|
+
<button
|
|
2136
|
+
class="pf-v6-c-button pf-m-primary"
|
|
2137
|
+
type="button"
|
|
2138
|
+
>Generate</button>
|
|
2139
|
+
</div>
|
|
2140
|
+
|
|
2141
|
+
<div class="pf-v6-c-overflow-menu__item">
|
|
2142
|
+
<button
|
|
2143
|
+
class="pf-v6-c-button pf-m-secondary"
|
|
2144
|
+
type="button"
|
|
2145
|
+
>Deploy</button>
|
|
2146
|
+
</div>
|
|
2147
|
+
</div>
|
|
2148
|
+
</div>
|
|
2149
|
+
<div class="pf-v6-c-overflow-menu__control">
|
|
2150
|
+
<button
|
|
2151
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2152
|
+
type="button"
|
|
2153
|
+
aria-expanded="false"
|
|
2154
|
+
aria-label="Menu toggle"
|
|
2155
|
+
id="table-tabs-example-tabs-toolbar-overflow-menutoggle"
|
|
2156
|
+
>
|
|
2157
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
2158
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2159
|
+
</span>
|
|
2160
|
+
</button>
|
|
2161
|
+
</div>
|
|
2162
|
+
</div>
|
|
2161
2163
|
</div>
|
|
2162
|
-
</div>
|
|
2163
2164
|
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2165
|
+
<div
|
|
2166
|
+
class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
|
|
2167
|
+
id="table-tabs-example-tabs-toolbar-expandable-content"
|
|
2168
|
+
hidden
|
|
2169
|
+
></div>
|
|
2170
|
+
</div>
|
|
2169
2171
|
</div>
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
role="cell"
|
|
2188
|
-
>
|
|
2189
|
-
<label
|
|
2190
|
-
class="pf-v6-c-check pf-m-standalone"
|
|
2191
|
-
id="table-tabs-example-tablecheckrowcheck"
|
|
2192
|
-
for="table-tabs-example-tablecheckrowcheck-input"
|
|
2172
|
+
<hr class="pf-v6-c-divider" />
|
|
2173
|
+
<div class="pf-v6-c-drawer pf-m-expanded pf-m-inline">
|
|
2174
|
+
<div class="pf-v6-c-drawer__main">
|
|
2175
|
+
<!-- Content -->
|
|
2176
|
+
<div class="pf-v6-c-drawer__content">
|
|
2177
|
+
<div class="pf-v6-c-drawer__body">
|
|
2178
|
+
<table
|
|
2179
|
+
class="pf-v6-c-table pf-m-grid-md"
|
|
2180
|
+
role="grid"
|
|
2181
|
+
aria-label="This is a table with checkboxes"
|
|
2182
|
+
id="table-tabs-example-table"
|
|
2183
|
+
>
|
|
2184
|
+
<thead class="pf-v6-c-table__thead">
|
|
2185
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2186
|
+
<td
|
|
2187
|
+
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2188
|
+
role="cell"
|
|
2193
2189
|
>
|
|
2194
|
-
<
|
|
2195
|
-
class="pf-v6-c-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2190
|
+
<label
|
|
2191
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2192
|
+
id="table-tabs-example-tablecheckrowcheck"
|
|
2193
|
+
for="table-tabs-example-tablecheckrowcheck-input"
|
|
2194
|
+
>
|
|
2195
|
+
<input
|
|
2196
|
+
class="pf-v6-c-check__input"
|
|
2197
|
+
type="checkbox"
|
|
2198
|
+
id="table-tabs-example-tablecheckrowcheck-input"
|
|
2199
|
+
name="table-tabs-example-tablecheckrowcheck-input"
|
|
2200
|
+
aria-label="Standalone check"
|
|
2201
|
+
/>
|
|
2202
|
+
</label>
|
|
2203
|
+
</td>
|
|
2204
|
+
|
|
2205
|
+
<th
|
|
2206
|
+
class="pf-v6-c-table__th"
|
|
2207
|
+
role="columnheader"
|
|
2208
|
+
scope="col"
|
|
2209
|
+
>Repositories</th>
|
|
2210
|
+
|
|
2211
|
+
<th
|
|
2212
|
+
class="pf-v6-c-table__th"
|
|
2213
|
+
role="columnheader"
|
|
2214
|
+
scope="col"
|
|
2215
|
+
>Branches</th>
|
|
2216
|
+
|
|
2217
|
+
<th
|
|
2218
|
+
class="pf-v6-c-table__th"
|
|
2219
|
+
role="columnheader"
|
|
2220
|
+
scope="col"
|
|
2221
|
+
>Pull requests</th>
|
|
2222
|
+
|
|
2223
|
+
<th
|
|
2224
|
+
class="pf-v6-c-table__th"
|
|
2225
|
+
role="columnheader"
|
|
2226
|
+
scope="col"
|
|
2227
|
+
>Workspaces</th>
|
|
2228
|
+
|
|
2229
|
+
<th
|
|
2230
|
+
class="pf-v6-c-table__th"
|
|
2231
|
+
role="columnheader"
|
|
2232
|
+
scope="col"
|
|
2233
|
+
>Last commit</th>
|
|
2234
|
+
|
|
2235
|
+
<td class="pf-v6-c-table__td"></td>
|
|
2236
|
+
</tr>
|
|
2237
|
+
</thead>
|
|
2238
|
+
|
|
2239
|
+
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
2240
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2241
|
+
<td
|
|
2242
|
+
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2243
|
+
role="cell"
|
|
2248
2244
|
>
|
|
2249
|
-
<
|
|
2250
|
-
class="pf-v6-c-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
<
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2245
|
+
<label
|
|
2246
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2247
|
+
id="table-tabs-example-tablecheckrow1check"
|
|
2248
|
+
for="table-tabs-example-tablecheckrow1check-input"
|
|
2249
|
+
>
|
|
2250
|
+
<input
|
|
2251
|
+
class="pf-v6-c-check__input"
|
|
2252
|
+
type="checkbox"
|
|
2253
|
+
id="table-tabs-example-tablecheckrow1check-input"
|
|
2254
|
+
name="table-tabs-example-tablecheckrow1check-input"
|
|
2255
|
+
aria-label="Standalone check"
|
|
2256
|
+
/>
|
|
2257
|
+
</label>
|
|
2258
|
+
</td>
|
|
2259
|
+
|
|
2260
|
+
<th
|
|
2261
|
+
class="pf-v6-c-table__th"
|
|
2262
|
+
role="columnheader"
|
|
2263
|
+
data-label="Repository name"
|
|
2264
|
+
>
|
|
2265
|
+
<div>
|
|
2266
|
+
<div id="table-tabs-example-table-node1">Node 1</div>
|
|
2267
|
+
<a href="#">siemur/test-space</a>
|
|
2268
|
+
</div>
|
|
2269
|
+
</th>
|
|
2269
2270
|
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
>
|
|
2275
|
-
<div
|
|
2276
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2271
|
+
<td
|
|
2272
|
+
class="pf-v6-c-table__td"
|
|
2273
|
+
role="cell"
|
|
2274
|
+
data-label="Branches"
|
|
2277
2275
|
>
|
|
2278
|
-
<div
|
|
2279
|
-
|
|
2280
|
-
|
|
2276
|
+
<div
|
|
2277
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2278
|
+
>
|
|
2279
|
+
<div class="pf-v6-l-flex__item">10</div>
|
|
2280
|
+
<div class="pf-v6-l-flex__item">
|
|
2281
|
+
<i class="fas fa-code-branch"></i>
|
|
2282
|
+
</div>
|
|
2281
2283
|
</div>
|
|
2282
|
-
</
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
data-label="Pull requests"
|
|
2288
|
-
>
|
|
2289
|
-
<div
|
|
2290
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2284
|
+
</td>
|
|
2285
|
+
<td
|
|
2286
|
+
class="pf-v6-c-table__td"
|
|
2287
|
+
role="cell"
|
|
2288
|
+
data-label="Pull requests"
|
|
2291
2289
|
>
|
|
2292
|
-
<div
|
|
2293
|
-
|
|
2294
|
-
|
|
2290
|
+
<div
|
|
2291
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2292
|
+
>
|
|
2293
|
+
<div class="pf-v6-l-flex__item">25</div>
|
|
2294
|
+
<div class="pf-v6-l-flex__item">
|
|
2295
|
+
<i class="fas fa-code"></i>
|
|
2296
|
+
</div>
|
|
2295
2297
|
</div>
|
|
2296
|
-
</
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
data-label="Workspaces"
|
|
2302
|
-
>
|
|
2303
|
-
<div
|
|
2304
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2298
|
+
</td>
|
|
2299
|
+
<td
|
|
2300
|
+
class="pf-v6-c-table__td"
|
|
2301
|
+
role="cell"
|
|
2302
|
+
data-label="Workspaces"
|
|
2305
2303
|
>
|
|
2306
|
-
<div
|
|
2307
|
-
|
|
2308
|
-
|
|
2304
|
+
<div
|
|
2305
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2306
|
+
>
|
|
2307
|
+
<div class="pf-v6-l-flex__item">5</div>
|
|
2308
|
+
<div class="pf-v6-l-flex__item">
|
|
2309
|
+
<i class="fas fa-cube"></i>
|
|
2310
|
+
</div>
|
|
2309
2311
|
</div>
|
|
2310
|
-
</
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
role="cell"
|
|
2321
|
-
>
|
|
2322
|
-
<button
|
|
2323
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2324
|
-
type="button"
|
|
2325
|
-
aria-expanded="false"
|
|
2326
|
-
aria-label="Menu toggle"
|
|
2312
|
+
</td>
|
|
2313
|
+
<td
|
|
2314
|
+
class="pf-v6-c-table__td"
|
|
2315
|
+
role="cell"
|
|
2316
|
+
data-label="Last commit"
|
|
2317
|
+
>2 days ago</td>
|
|
2318
|
+
|
|
2319
|
+
<td
|
|
2320
|
+
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2321
|
+
role="cell"
|
|
2327
2322
|
>
|
|
2328
|
-
<
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
>
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2323
|
+
<button
|
|
2324
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2325
|
+
type="button"
|
|
2326
|
+
aria-expanded="false"
|
|
2327
|
+
aria-label="Menu toggle"
|
|
2328
|
+
>
|
|
2329
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
2330
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2331
|
+
</span>
|
|
2332
|
+
</button>
|
|
2333
|
+
</td>
|
|
2334
|
+
</tr>
|
|
2335
|
+
|
|
2336
|
+
<tr class="pf-v6-c-table__tr pf-m-selected" role="row">
|
|
2337
|
+
<td
|
|
2338
|
+
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2339
|
+
role="cell"
|
|
2344
2340
|
>
|
|
2345
|
-
<
|
|
2346
|
-
class="pf-v6-c-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
<
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2341
|
+
<label
|
|
2342
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2343
|
+
id="table-tabs-example-tablecheckrow2check"
|
|
2344
|
+
for="table-tabs-example-tablecheckrow2check-input"
|
|
2345
|
+
>
|
|
2346
|
+
<input
|
|
2347
|
+
class="pf-v6-c-check__input"
|
|
2348
|
+
type="checkbox"
|
|
2349
|
+
id="table-tabs-example-tablecheckrow2check-input"
|
|
2350
|
+
name="table-tabs-example-tablecheckrow2check-input"
|
|
2351
|
+
aria-label="Standalone check"
|
|
2352
|
+
/>
|
|
2353
|
+
</label>
|
|
2354
|
+
</td>
|
|
2355
|
+
|
|
2356
|
+
<th
|
|
2357
|
+
class="pf-v6-c-table__th"
|
|
2358
|
+
role="columnheader"
|
|
2359
|
+
data-label="Repository name"
|
|
2360
|
+
>
|
|
2361
|
+
<div>
|
|
2362
|
+
<div id="table-tabs-example-table-node2">Node 2</div>
|
|
2363
|
+
<a href="#">siemur/test-space</a>
|
|
2364
|
+
</div>
|
|
2365
|
+
</th>
|
|
2365
2366
|
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
>
|
|
2371
|
-
<div
|
|
2372
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2367
|
+
<td
|
|
2368
|
+
class="pf-v6-c-table__td"
|
|
2369
|
+
role="cell"
|
|
2370
|
+
data-label="Branches"
|
|
2373
2371
|
>
|
|
2374
|
-
<div
|
|
2375
|
-
|
|
2376
|
-
|
|
2372
|
+
<div
|
|
2373
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2374
|
+
>
|
|
2375
|
+
<div class="pf-v6-l-flex__item">8</div>
|
|
2376
|
+
<div class="pf-v6-l-flex__item">
|
|
2377
|
+
<i class="fas fa-code-branch"></i>
|
|
2378
|
+
</div>
|
|
2377
2379
|
</div>
|
|
2378
|
-
</
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
data-label="Pull requests"
|
|
2384
|
-
>
|
|
2385
|
-
<div
|
|
2386
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2380
|
+
</td>
|
|
2381
|
+
<td
|
|
2382
|
+
class="pf-v6-c-table__td"
|
|
2383
|
+
role="cell"
|
|
2384
|
+
data-label="Pull requests"
|
|
2387
2385
|
>
|
|
2388
|
-
<div
|
|
2389
|
-
|
|
2390
|
-
|
|
2386
|
+
<div
|
|
2387
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2388
|
+
>
|
|
2389
|
+
<div class="pf-v6-l-flex__item">30</div>
|
|
2390
|
+
<div class="pf-v6-l-flex__item">
|
|
2391
|
+
<i class="fas fa-code"></i>
|
|
2392
|
+
</div>
|
|
2391
2393
|
</div>
|
|
2392
|
-
</
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
data-label="Workspaces"
|
|
2398
|
-
>
|
|
2399
|
-
<div
|
|
2400
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2394
|
+
</td>
|
|
2395
|
+
<td
|
|
2396
|
+
class="pf-v6-c-table__td"
|
|
2397
|
+
role="cell"
|
|
2398
|
+
data-label="Workspaces"
|
|
2401
2399
|
>
|
|
2402
|
-
<div
|
|
2403
|
-
|
|
2404
|
-
|
|
2400
|
+
<div
|
|
2401
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2402
|
+
>
|
|
2403
|
+
<div class="pf-v6-l-flex__item">2</div>
|
|
2404
|
+
<div class="pf-v6-l-flex__item">
|
|
2405
|
+
<i class="fas fa-cube"></i>
|
|
2406
|
+
</div>
|
|
2405
2407
|
</div>
|
|
2406
|
-
</
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
role="cell"
|
|
2417
|
-
>
|
|
2418
|
-
<button
|
|
2419
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2420
|
-
type="button"
|
|
2421
|
-
aria-expanded="false"
|
|
2422
|
-
aria-label="Menu toggle"
|
|
2408
|
+
</td>
|
|
2409
|
+
<td
|
|
2410
|
+
class="pf-v6-c-table__td"
|
|
2411
|
+
role="cell"
|
|
2412
|
+
data-label="Last commit"
|
|
2413
|
+
>2 days ago</td>
|
|
2414
|
+
|
|
2415
|
+
<td
|
|
2416
|
+
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2417
|
+
role="cell"
|
|
2423
2418
|
>
|
|
2424
|
-
<
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
>
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2419
|
+
<button
|
|
2420
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2421
|
+
type="button"
|
|
2422
|
+
aria-expanded="false"
|
|
2423
|
+
aria-label="Menu toggle"
|
|
2424
|
+
>
|
|
2425
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
2426
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2427
|
+
</span>
|
|
2428
|
+
</button>
|
|
2429
|
+
</td>
|
|
2430
|
+
</tr>
|
|
2431
|
+
|
|
2432
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2433
|
+
<td
|
|
2434
|
+
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2435
|
+
role="cell"
|
|
2440
2436
|
>
|
|
2441
|
-
<
|
|
2442
|
-
class="pf-v6-c-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
<
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2437
|
+
<label
|
|
2438
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2439
|
+
id="table-tabs-example-tablecheckrow3check"
|
|
2440
|
+
for="table-tabs-example-tablecheckrow3check-input"
|
|
2441
|
+
>
|
|
2442
|
+
<input
|
|
2443
|
+
class="pf-v6-c-check__input"
|
|
2444
|
+
type="checkbox"
|
|
2445
|
+
id="table-tabs-example-tablecheckrow3check-input"
|
|
2446
|
+
name="table-tabs-example-tablecheckrow3check-input"
|
|
2447
|
+
aria-label="Standalone check"
|
|
2448
|
+
/>
|
|
2449
|
+
</label>
|
|
2450
|
+
</td>
|
|
2451
|
+
|
|
2452
|
+
<th
|
|
2453
|
+
class="pf-v6-c-table__th"
|
|
2454
|
+
role="columnheader"
|
|
2455
|
+
data-label="Repository name"
|
|
2456
|
+
>
|
|
2457
|
+
<div>
|
|
2458
|
+
<div id="table-tabs-example-table-node3">Node 3</div>
|
|
2459
|
+
<a href="#">siemur/test-space</a>
|
|
2460
|
+
</div>
|
|
2461
|
+
</th>
|
|
2461
2462
|
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
>
|
|
2467
|
-
<div
|
|
2468
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2463
|
+
<td
|
|
2464
|
+
class="pf-v6-c-table__td"
|
|
2465
|
+
role="cell"
|
|
2466
|
+
data-label="Branches"
|
|
2469
2467
|
>
|
|
2470
|
-
<div
|
|
2471
|
-
|
|
2472
|
-
|
|
2468
|
+
<div
|
|
2469
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2470
|
+
>
|
|
2471
|
+
<div class="pf-v6-l-flex__item">12</div>
|
|
2472
|
+
<div class="pf-v6-l-flex__item">
|
|
2473
|
+
<i class="fas fa-code-branch"></i>
|
|
2474
|
+
</div>
|
|
2473
2475
|
</div>
|
|
2474
|
-
</
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
data-label="Pull requests"
|
|
2480
|
-
>
|
|
2481
|
-
<div
|
|
2482
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2476
|
+
</td>
|
|
2477
|
+
<td
|
|
2478
|
+
class="pf-v6-c-table__td"
|
|
2479
|
+
role="cell"
|
|
2480
|
+
data-label="Pull requests"
|
|
2483
2481
|
>
|
|
2484
|
-
<div
|
|
2485
|
-
|
|
2486
|
-
|
|
2482
|
+
<div
|
|
2483
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2484
|
+
>
|
|
2485
|
+
<div class="pf-v6-l-flex__item">48</div>
|
|
2486
|
+
<div class="pf-v6-l-flex__item">
|
|
2487
|
+
<i class="fas fa-code"></i>
|
|
2488
|
+
</div>
|
|
2487
2489
|
</div>
|
|
2488
|
-
</
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
data-label="Workspaces"
|
|
2494
|
-
>
|
|
2495
|
-
<div
|
|
2496
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2490
|
+
</td>
|
|
2491
|
+
<td
|
|
2492
|
+
class="pf-v6-c-table__td"
|
|
2493
|
+
role="cell"
|
|
2494
|
+
data-label="Workspaces"
|
|
2497
2495
|
>
|
|
2498
|
-
<div
|
|
2499
|
-
|
|
2500
|
-
|
|
2496
|
+
<div
|
|
2497
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2498
|
+
>
|
|
2499
|
+
<div class="pf-v6-l-flex__item">13</div>
|
|
2500
|
+
<div class="pf-v6-l-flex__item">
|
|
2501
|
+
<i class="fas fa-cube"></i>
|
|
2502
|
+
</div>
|
|
2501
2503
|
</div>
|
|
2502
|
-
</
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
role="cell"
|
|
2513
|
-
>
|
|
2514
|
-
<button
|
|
2515
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2516
|
-
type="button"
|
|
2517
|
-
aria-expanded="false"
|
|
2518
|
-
aria-label="Menu toggle"
|
|
2504
|
+
</td>
|
|
2505
|
+
<td
|
|
2506
|
+
class="pf-v6-c-table__td"
|
|
2507
|
+
role="cell"
|
|
2508
|
+
data-label="Last commit"
|
|
2509
|
+
>30 days ago</td>
|
|
2510
|
+
|
|
2511
|
+
<td
|
|
2512
|
+
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2513
|
+
role="cell"
|
|
2519
2514
|
>
|
|
2520
|
-
<
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
>
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2515
|
+
<button
|
|
2516
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2517
|
+
type="button"
|
|
2518
|
+
aria-expanded="false"
|
|
2519
|
+
aria-label="Menu toggle"
|
|
2520
|
+
>
|
|
2521
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
2522
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2523
|
+
</span>
|
|
2524
|
+
</button>
|
|
2525
|
+
</td>
|
|
2526
|
+
</tr>
|
|
2527
|
+
|
|
2528
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2529
|
+
<td
|
|
2530
|
+
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2531
|
+
role="cell"
|
|
2536
2532
|
>
|
|
2537
|
-
<
|
|
2538
|
-
class="pf-v6-c-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
<
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2533
|
+
<label
|
|
2534
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2535
|
+
id="table-tabs-example-tablecheckrow4check"
|
|
2536
|
+
for="table-tabs-example-tablecheckrow4check-input"
|
|
2537
|
+
>
|
|
2538
|
+
<input
|
|
2539
|
+
class="pf-v6-c-check__input"
|
|
2540
|
+
type="checkbox"
|
|
2541
|
+
id="table-tabs-example-tablecheckrow4check-input"
|
|
2542
|
+
name="table-tabs-example-tablecheckrow4check-input"
|
|
2543
|
+
aria-label="Standalone check"
|
|
2544
|
+
/>
|
|
2545
|
+
</label>
|
|
2546
|
+
</td>
|
|
2547
|
+
|
|
2548
|
+
<th
|
|
2549
|
+
class="pf-v6-c-table__th"
|
|
2550
|
+
role="columnheader"
|
|
2551
|
+
data-label="Repository name"
|
|
2552
|
+
>
|
|
2553
|
+
<div>
|
|
2554
|
+
<div id="table-tabs-example-table-node4">Node 4</div>
|
|
2555
|
+
<a href="#">siemur/test-space</a>
|
|
2556
|
+
</div>
|
|
2557
|
+
</th>
|
|
2557
2558
|
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
>
|
|
2563
|
-
<div
|
|
2564
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2559
|
+
<td
|
|
2560
|
+
class="pf-v6-c-table__td"
|
|
2561
|
+
role="cell"
|
|
2562
|
+
data-label="Branches"
|
|
2565
2563
|
>
|
|
2566
|
-
<div
|
|
2567
|
-
|
|
2568
|
-
|
|
2564
|
+
<div
|
|
2565
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2566
|
+
>
|
|
2567
|
+
<div class="pf-v6-l-flex__item">3</div>
|
|
2568
|
+
<div class="pf-v6-l-flex__item">
|
|
2569
|
+
<i class="fas fa-code-branch"></i>
|
|
2570
|
+
</div>
|
|
2569
2571
|
</div>
|
|
2570
|
-
</
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
data-label="Pull requests"
|
|
2576
|
-
>
|
|
2577
|
-
<div
|
|
2578
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2572
|
+
</td>
|
|
2573
|
+
<td
|
|
2574
|
+
class="pf-v6-c-table__td"
|
|
2575
|
+
role="cell"
|
|
2576
|
+
data-label="Pull requests"
|
|
2579
2577
|
>
|
|
2580
|
-
<div
|
|
2581
|
-
|
|
2582
|
-
|
|
2578
|
+
<div
|
|
2579
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2580
|
+
>
|
|
2581
|
+
<div class="pf-v6-l-flex__item">8</div>
|
|
2582
|
+
<div class="pf-v6-l-flex__item">
|
|
2583
|
+
<i class="fas fa-code"></i>
|
|
2584
|
+
</div>
|
|
2583
2585
|
</div>
|
|
2584
|
-
</
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
data-label="Workspaces"
|
|
2590
|
-
>
|
|
2591
|
-
<div
|
|
2592
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2586
|
+
</td>
|
|
2587
|
+
<td
|
|
2588
|
+
class="pf-v6-c-table__td"
|
|
2589
|
+
role="cell"
|
|
2590
|
+
data-label="Workspaces"
|
|
2593
2591
|
>
|
|
2594
|
-
<div
|
|
2595
|
-
|
|
2596
|
-
|
|
2592
|
+
<div
|
|
2593
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2594
|
+
>
|
|
2595
|
+
<div class="pf-v6-l-flex__item">20</div>
|
|
2596
|
+
<div class="pf-v6-l-flex__item">
|
|
2597
|
+
<i class="fas fa-cube"></i>
|
|
2598
|
+
</div>
|
|
2597
2599
|
</div>
|
|
2598
|
-
</
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
role="cell"
|
|
2609
|
-
>
|
|
2610
|
-
<button
|
|
2611
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2612
|
-
type="button"
|
|
2613
|
-
aria-expanded="false"
|
|
2614
|
-
aria-label="Menu toggle"
|
|
2600
|
+
</td>
|
|
2601
|
+
<td
|
|
2602
|
+
class="pf-v6-c-table__td"
|
|
2603
|
+
role="cell"
|
|
2604
|
+
data-label="Last commit"
|
|
2605
|
+
>8 days ago</td>
|
|
2606
|
+
|
|
2607
|
+
<td
|
|
2608
|
+
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2609
|
+
role="cell"
|
|
2615
2610
|
>
|
|
2616
|
-
<
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
>
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2611
|
+
<button
|
|
2612
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2613
|
+
type="button"
|
|
2614
|
+
aria-expanded="false"
|
|
2615
|
+
aria-label="Menu toggle"
|
|
2616
|
+
>
|
|
2617
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
2618
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2619
|
+
</span>
|
|
2620
|
+
</button>
|
|
2621
|
+
</td>
|
|
2622
|
+
</tr>
|
|
2623
|
+
|
|
2624
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2625
|
+
<td
|
|
2626
|
+
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2627
|
+
role="cell"
|
|
2632
2628
|
>
|
|
2633
|
-
<
|
|
2634
|
-
class="pf-v6-c-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
<
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
</td>
|
|
2652
|
-
<td
|
|
2653
|
-
class="pf-v6-c-table__td"
|
|
2654
|
-
role="cell"
|
|
2655
|
-
data-label="Branches"
|
|
2656
|
-
>
|
|
2657
|
-
<div
|
|
2658
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2629
|
+
<label
|
|
2630
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2631
|
+
id="table-tabs-example-tablecheckrow5check"
|
|
2632
|
+
for="table-tabs-example-tablecheckrow5check-input"
|
|
2633
|
+
>
|
|
2634
|
+
<input
|
|
2635
|
+
class="pf-v6-c-check__input"
|
|
2636
|
+
type="checkbox"
|
|
2637
|
+
id="table-tabs-example-tablecheckrow5check-input"
|
|
2638
|
+
name="table-tabs-example-tablecheckrow5check-input"
|
|
2639
|
+
aria-label="Standalone check"
|
|
2640
|
+
/>
|
|
2641
|
+
</label>
|
|
2642
|
+
</td>
|
|
2643
|
+
<td
|
|
2644
|
+
class="pf-v6-c-table__td"
|
|
2645
|
+
role="cell"
|
|
2646
|
+
data-label="Repository name"
|
|
2659
2647
|
>
|
|
2660
|
-
<div
|
|
2661
|
-
|
|
2662
|
-
<
|
|
2648
|
+
<div>
|
|
2649
|
+
<div id="table-tabs-example-table-node5">Node 5</div>
|
|
2650
|
+
<a href="#">siemur/test-space</a>
|
|
2663
2651
|
</div>
|
|
2664
|
-
</
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
data-label="Pull requests"
|
|
2670
|
-
>
|
|
2671
|
-
<div
|
|
2672
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2652
|
+
</td>
|
|
2653
|
+
<td
|
|
2654
|
+
class="pf-v6-c-table__td"
|
|
2655
|
+
role="cell"
|
|
2656
|
+
data-label="Branches"
|
|
2673
2657
|
>
|
|
2674
|
-
<div
|
|
2675
|
-
|
|
2676
|
-
|
|
2658
|
+
<div
|
|
2659
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2660
|
+
>
|
|
2661
|
+
<div class="pf-v6-l-flex__item">34</div>
|
|
2662
|
+
<div class="pf-v6-l-flex__item">
|
|
2663
|
+
<i class="fas fa-code-branch"></i>
|
|
2664
|
+
</div>
|
|
2677
2665
|
</div>
|
|
2678
|
-
</
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
data-label="Workspaces"
|
|
2684
|
-
>
|
|
2685
|
-
<div
|
|
2686
|
-
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2666
|
+
</td>
|
|
2667
|
+
<td
|
|
2668
|
+
class="pf-v6-c-table__td"
|
|
2669
|
+
role="cell"
|
|
2670
|
+
data-label="Pull requests"
|
|
2687
2671
|
>
|
|
2688
|
-
<div
|
|
2689
|
-
|
|
2690
|
-
|
|
2672
|
+
<div
|
|
2673
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2674
|
+
>
|
|
2675
|
+
<div class="pf-v6-l-flex__item">21</div>
|
|
2676
|
+
<div class="pf-v6-l-flex__item">
|
|
2677
|
+
<i class="fas fa-code"></i>
|
|
2678
|
+
</div>
|
|
2691
2679
|
</div>
|
|
2692
|
-
</
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2680
|
+
</td>
|
|
2681
|
+
<td
|
|
2682
|
+
class="pf-v6-c-table__td"
|
|
2683
|
+
role="cell"
|
|
2684
|
+
data-label="Workspaces"
|
|
2685
|
+
>
|
|
2686
|
+
<div
|
|
2687
|
+
class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap"
|
|
2688
|
+
>
|
|
2689
|
+
<div class="pf-v6-l-flex__item">26</div>
|
|
2690
|
+
<div class="pf-v6-l-flex__item">
|
|
2691
|
+
<i class="fas fa-cube"></i>
|
|
2692
|
+
</div>
|
|
2693
|
+
</div>
|
|
2694
|
+
</td>
|
|
2695
|
+
<td
|
|
2696
|
+
class="pf-v6-c-table__td"
|
|
2697
|
+
role="cell"
|
|
2698
|
+
data-label="Last commit"
|
|
2699
|
+
>2 days ago</td>
|
|
2700
|
+
|
|
2701
|
+
<td
|
|
2702
|
+
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2703
|
+
role="cell"
|
|
2704
|
+
>
|
|
2705
|
+
<button
|
|
2706
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2707
|
+
type="button"
|
|
2708
|
+
aria-expanded="false"
|
|
2709
|
+
aria-label="Menu toggle"
|
|
2710
|
+
>
|
|
2711
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
2712
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2713
|
+
</span>
|
|
2714
|
+
</button>
|
|
2715
|
+
</td>
|
|
2716
|
+
</tr>
|
|
2717
|
+
</tbody>
|
|
2718
|
+
</table>
|
|
2719
|
+
</div>
|
|
2720
|
+
</div>
|
|
2721
|
+
|
|
2722
|
+
<!-- Panel -->
|
|
2723
|
+
<div
|
|
2724
|
+
class="pf-v6-c-drawer__panel pf-m-width-33 pf-m-width-33-on-xl"
|
|
2725
|
+
>
|
|
2726
|
+
<div class="pf-v6-c-drawer__body">
|
|
2727
|
+
<div class="pf-v6-c-drawer__head">
|
|
2728
|
+
<div class="pf-v6-c-drawer__actions">
|
|
2729
|
+
<div class="pf-v6-c-drawer__close">
|
|
2704
2730
|
<button
|
|
2705
|
-
class="pf-v6-c-
|
|
2731
|
+
class="pf-v6-c-button pf-m-plain"
|
|
2706
2732
|
type="button"
|
|
2707
|
-
aria-
|
|
2708
|
-
aria-label="Menu toggle"
|
|
2733
|
+
aria-label="Close drawer panel"
|
|
2709
2734
|
>
|
|
2710
|
-
<
|
|
2711
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2712
|
-
</span>
|
|
2735
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2713
2736
|
</button>
|
|
2714
|
-
</
|
|
2715
|
-
</tr>
|
|
2716
|
-
</tbody>
|
|
2717
|
-
</table>
|
|
2718
|
-
</div>
|
|
2719
|
-
</div>
|
|
2720
|
-
|
|
2721
|
-
<!-- Panel -->
|
|
2722
|
-
<div
|
|
2723
|
-
class="pf-v6-c-drawer__panel pf-m-width-33 pf-m-width-33-on-xl"
|
|
2724
|
-
>
|
|
2725
|
-
<div class="pf-v6-c-drawer__body">
|
|
2726
|
-
<div class="pf-v6-c-drawer__head">
|
|
2727
|
-
<div class="pf-v6-c-drawer__actions">
|
|
2728
|
-
<div class="pf-v6-c-drawer__close">
|
|
2729
|
-
<button
|
|
2730
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2731
|
-
type="button"
|
|
2732
|
-
aria-label="Close drawer panel"
|
|
2733
|
-
>
|
|
2734
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2735
|
-
</button>
|
|
2736
|
-
</div>
|
|
2737
|
-
</div>
|
|
2738
|
-
<div class="pf-v6-l-flex pf-m-column pf-m-space-items-sm">
|
|
2739
|
-
<div class="pf-v6-l-flex__item">
|
|
2740
|
-
<h2
|
|
2741
|
-
class="pf-v6-c-title pf-m-lg"
|
|
2742
|
-
id="-drawer-label"
|
|
2743
|
-
>Node 2</h2>
|
|
2737
|
+
</div>
|
|
2744
2738
|
</div>
|
|
2745
|
-
<div class="pf-v6-l-
|
|
2746
|
-
<
|
|
2739
|
+
<div class="pf-v6-l-flex pf-m-column pf-m-space-items-sm">
|
|
2740
|
+
<div class="pf-v6-l-flex__item">
|
|
2741
|
+
<h2
|
|
2742
|
+
class="pf-v6-c-title pf-m-lg"
|
|
2743
|
+
id="-drawer-label"
|
|
2744
|
+
>Node 2</h2>
|
|
2745
|
+
</div>
|
|
2746
|
+
<div class="pf-v6-l-flex__item">
|
|
2747
|
+
<a href="#">siemur/test-space</a>
|
|
2748
|
+
</div>
|
|
2747
2749
|
</div>
|
|
2748
2750
|
</div>
|
|
2749
2751
|
</div>
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
2758
|
-
<button
|
|
2759
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2760
|
-
type="button"
|
|
2761
|
-
aria-label="Scroll left"
|
|
2762
|
-
>
|
|
2763
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
2764
|
-
</button>
|
|
2765
|
-
</div>
|
|
2766
|
-
<ul class="pf-v6-c-tabs__list" role="tablist">
|
|
2767
|
-
<li
|
|
2768
|
-
class="pf-v6-c-tabs__item pf-m-current"
|
|
2769
|
-
role="presentation"
|
|
2770
|
-
>
|
|
2752
|
+
<div class="pf-v6-c-drawer__body pf-m-no-padding">
|
|
2753
|
+
<div
|
|
2754
|
+
class="pf-v6-c-tabs pf-m-box pf-m-fill"
|
|
2755
|
+
role="region"
|
|
2756
|
+
id="-tabs"
|
|
2757
|
+
>
|
|
2758
|
+
<div class="pf-v6-c-tabs__scroll-button">
|
|
2771
2759
|
<button
|
|
2760
|
+
class="pf-v6-c-button pf-m-plain"
|
|
2772
2761
|
type="button"
|
|
2773
|
-
|
|
2774
|
-
role="tab"
|
|
2775
|
-
aria-controls="-tabs-tab1-panel"
|
|
2776
|
-
id="-tabs-tab1-link"
|
|
2762
|
+
aria-label="Scroll left"
|
|
2777
2763
|
>
|
|
2778
|
-
<
|
|
2764
|
+
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
2779
2765
|
</button>
|
|
2780
|
-
</
|
|
2781
|
-
<
|
|
2766
|
+
</div>
|
|
2767
|
+
<ul class="pf-v6-c-tabs__list" role="tablist">
|
|
2768
|
+
<li
|
|
2769
|
+
class="pf-v6-c-tabs__item pf-m-current"
|
|
2770
|
+
role="presentation"
|
|
2771
|
+
>
|
|
2772
|
+
<button
|
|
2773
|
+
type="button"
|
|
2774
|
+
class="pf-v6-c-tabs__link"
|
|
2775
|
+
role="tab"
|
|
2776
|
+
aria-controls="-tabs-tab1-panel"
|
|
2777
|
+
id="-tabs-tab1-link"
|
|
2778
|
+
>
|
|
2779
|
+
<span class="pf-v6-c-tabs__item-text">Overview</span>
|
|
2780
|
+
</button>
|
|
2781
|
+
</li>
|
|
2782
|
+
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
2783
|
+
<button
|
|
2784
|
+
type="button"
|
|
2785
|
+
class="pf-v6-c-tabs__link"
|
|
2786
|
+
role="tab"
|
|
2787
|
+
aria-controls="-tabs-tab2-panel"
|
|
2788
|
+
id="-tabs-tab2-link"
|
|
2789
|
+
>
|
|
2790
|
+
<span class="pf-v6-c-tabs__item-text">Activity</span>
|
|
2791
|
+
</button>
|
|
2792
|
+
</li>
|
|
2793
|
+
</ul>
|
|
2794
|
+
<div class="pf-v6-c-tabs__scroll-button">
|
|
2782
2795
|
<button
|
|
2796
|
+
class="pf-v6-c-button pf-m-plain"
|
|
2783
2797
|
type="button"
|
|
2784
|
-
|
|
2785
|
-
role="tab"
|
|
2786
|
-
aria-controls="-tabs-tab2-panel"
|
|
2787
|
-
id="-tabs-tab2-link"
|
|
2798
|
+
aria-label="Scroll right"
|
|
2788
2799
|
>
|
|
2789
|
-
<
|
|
2800
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2790
2801
|
</button>
|
|
2791
|
-
</
|
|
2792
|
-
</ul>
|
|
2793
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
2794
|
-
<button
|
|
2795
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2796
|
-
type="button"
|
|
2797
|
-
aria-label="Scroll right"
|
|
2798
|
-
>
|
|
2799
|
-
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2800
|
-
</button>
|
|
2802
|
+
</div>
|
|
2801
2803
|
</div>
|
|
2802
2804
|
</div>
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
<div class="pf-v6-l-flex__item">
|
|
2818
|
-
<div
|
|
2819
|
-
class="pf-v6-c-progress pf-m-sm"
|
|
2820
|
-
id="-progress-example1"
|
|
2821
|
-
>
|
|
2822
|
-
<div
|
|
2823
|
-
class="pf-v6-c-progress__description"
|
|
2824
|
-
id="-progress-example1-description"
|
|
2825
|
-
>Capacity</div>
|
|
2826
|
-
<div
|
|
2827
|
-
class="pf-v6-c-progress__status"
|
|
2828
|
-
aria-hidden="true"
|
|
2829
|
-
>
|
|
2830
|
-
<span class="pf-v6-c-progress__measure">33%</span>
|
|
2831
|
-
</div>
|
|
2805
|
+
<div class="pf-v6-c-drawer__body">
|
|
2806
|
+
<section
|
|
2807
|
+
class="pf-v6-c-tab-content"
|
|
2808
|
+
id="-tabs-tab1-panel"
|
|
2809
|
+
aria-labelledby="-tabs-tab1-link"
|
|
2810
|
+
role="tabpanel"
|
|
2811
|
+
tabindex="0"
|
|
2812
|
+
>
|
|
2813
|
+
<div class="pf-v6-c-tab-content__body">
|
|
2814
|
+
<div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
|
|
2815
|
+
<div class="pf-v6-l-flex__item">
|
|
2816
|
+
<p>The content of the drawer really is up to you. It could have form fields, definition lists, text lists, labels, charts, progress bars, etc. Spacing recommendation is 24px margins. You can put tabs in here, and can also make the drawer scrollable.</p>
|
|
2817
|
+
</div>
|
|
2818
|
+
<div class="pf-v6-l-flex__item">
|
|
2832
2819
|
<div
|
|
2833
|
-
class="pf-v6-c-
|
|
2834
|
-
|
|
2835
|
-
aria-valuemin="0"
|
|
2836
|
-
aria-valuemax="100"
|
|
2837
|
-
aria-valuenow="33"
|
|
2838
|
-
aria-labelledby="-progress-example1-description"
|
|
2839
|
-
aria-label="Progress 1"
|
|
2820
|
+
class="pf-v6-c-progress pf-m-sm"
|
|
2821
|
+
id="-progress-example1"
|
|
2840
2822
|
>
|
|
2841
2823
|
<div
|
|
2842
|
-
class="pf-v6-c-
|
|
2843
|
-
|
|
2844
|
-
|
|
2824
|
+
class="pf-v6-c-progress__description"
|
|
2825
|
+
id="-progress-example1-description"
|
|
2826
|
+
>Capacity</div>
|
|
2827
|
+
<div
|
|
2828
|
+
class="pf-v6-c-progress__status"
|
|
2829
|
+
aria-hidden="true"
|
|
2830
|
+
>
|
|
2831
|
+
<span class="pf-v6-c-progress__measure">33%</span>
|
|
2832
|
+
</div>
|
|
2833
|
+
<div
|
|
2834
|
+
class="pf-v6-c-progress__bar"
|
|
2835
|
+
role="progressbar"
|
|
2836
|
+
aria-valuemin="0"
|
|
2837
|
+
aria-valuemax="100"
|
|
2838
|
+
aria-valuenow="33"
|
|
2839
|
+
aria-labelledby="-progress-example1-description"
|
|
2840
|
+
aria-label="Progress 1"
|
|
2841
|
+
>
|
|
2842
|
+
<div
|
|
2843
|
+
class="pf-v6-c-progress__indicator"
|
|
2844
|
+
style="width:33%;"
|
|
2845
|
+
></div>
|
|
2846
|
+
</div>
|
|
2845
2847
|
</div>
|
|
2846
2848
|
</div>
|
|
2847
|
-
|
|
2848
|
-
<div class="pf-v6-l-flex__item">
|
|
2849
|
-
<div
|
|
2850
|
-
class="pf-v6-c-progress pf-m-sm"
|
|
2851
|
-
id="-progress-example2"
|
|
2852
|
-
>
|
|
2853
|
-
<div
|
|
2854
|
-
class="pf-v6-c-progress__description"
|
|
2855
|
-
id="-progress-example2-description"
|
|
2856
|
-
>Modules</div>
|
|
2857
|
-
<div
|
|
2858
|
-
class="pf-v6-c-progress__status"
|
|
2859
|
-
aria-hidden="true"
|
|
2860
|
-
>
|
|
2861
|
-
<span class="pf-v6-c-progress__measure">66%</span>
|
|
2862
|
-
</div>
|
|
2849
|
+
<div class="pf-v6-l-flex__item">
|
|
2863
2850
|
<div
|
|
2864
|
-
class="pf-v6-c-
|
|
2865
|
-
|
|
2866
|
-
aria-valuemin="0"
|
|
2867
|
-
aria-valuemax="100"
|
|
2868
|
-
aria-valuenow="66"
|
|
2869
|
-
aria-labelledby="-progress-example2-description"
|
|
2870
|
-
aria-label="Progress 2"
|
|
2851
|
+
class="pf-v6-c-progress pf-m-sm"
|
|
2852
|
+
id="-progress-example2"
|
|
2871
2853
|
>
|
|
2872
2854
|
<div
|
|
2873
|
-
class="pf-v6-c-
|
|
2874
|
-
|
|
2875
|
-
|
|
2855
|
+
class="pf-v6-c-progress__description"
|
|
2856
|
+
id="-progress-example2-description"
|
|
2857
|
+
>Modules</div>
|
|
2858
|
+
<div
|
|
2859
|
+
class="pf-v6-c-progress__status"
|
|
2860
|
+
aria-hidden="true"
|
|
2861
|
+
>
|
|
2862
|
+
<span class="pf-v6-c-progress__measure">66%</span>
|
|
2863
|
+
</div>
|
|
2864
|
+
<div
|
|
2865
|
+
class="pf-v6-c-progress__bar"
|
|
2866
|
+
role="progressbar"
|
|
2867
|
+
aria-valuemin="0"
|
|
2868
|
+
aria-valuemax="100"
|
|
2869
|
+
aria-valuenow="66"
|
|
2870
|
+
aria-labelledby="-progress-example2-description"
|
|
2871
|
+
aria-label="Progress 2"
|
|
2872
|
+
>
|
|
2873
|
+
<div
|
|
2874
|
+
class="pf-v6-c-progress__indicator"
|
|
2875
|
+
style="width:66%;"
|
|
2876
|
+
></div>
|
|
2877
|
+
</div>
|
|
2876
2878
|
</div>
|
|
2877
2879
|
</div>
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
</span>
|
|
2896
|
-
</span>
|
|
2897
|
-
</li>
|
|
2898
|
-
<li class="pf-v6-c-label-group__list-item">
|
|
2899
|
-
<span class="pf-v6-c-label pf-m-outline">
|
|
2900
|
-
<span class="pf-v6-c-label__content">
|
|
2901
|
-
<span class="pf-v6-c-label__text">Tag 2</span>
|
|
2880
|
+
<div class="pf-v6-l-flex pf-m-column">
|
|
2881
|
+
<div class="pf-v6-l-flex__item">
|
|
2882
|
+
<h3 class="pf-v6-c-title" id="-title">Tags</h3>
|
|
2883
|
+
</div>
|
|
2884
|
+
<div class="pf-v6-l-flex__item">
|
|
2885
|
+
<div class="pf-v6-c-label-group">
|
|
2886
|
+
<div class="pf-v6-c-label-group__main">
|
|
2887
|
+
<ul
|
|
2888
|
+
class="pf-v6-c-label-group__list"
|
|
2889
|
+
role="list"
|
|
2890
|
+
aria-label="Group of labels"
|
|
2891
|
+
>
|
|
2892
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2893
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2894
|
+
<span class="pf-v6-c-label__content">
|
|
2895
|
+
<span class="pf-v6-c-label__text">Tag 1</span>
|
|
2896
|
+
</span>
|
|
2902
2897
|
</span>
|
|
2903
|
-
</
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2898
|
+
</li>
|
|
2899
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2900
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2901
|
+
<span class="pf-v6-c-label__content">
|
|
2902
|
+
<span class="pf-v6-c-label__text">Tag 2</span>
|
|
2903
|
+
</span>
|
|
2909
2904
|
</span>
|
|
2910
|
-
</
|
|
2911
|
-
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
-
>
|
|
2917
|
-
<span class="pf-v6-c-label__content">
|
|
2918
|
-
<span class="pf-v6-c-label__text">2 more</span>
|
|
2905
|
+
</li>
|
|
2906
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2907
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2908
|
+
<span class="pf-v6-c-label__content">
|
|
2909
|
+
<span class="pf-v6-c-label__text">Tag 3</span>
|
|
2910
|
+
</span>
|
|
2919
2911
|
</span>
|
|
2920
|
-
</
|
|
2921
|
-
|
|
2922
|
-
|
|
2912
|
+
</li>
|
|
2913
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2914
|
+
<button
|
|
2915
|
+
class="pf-v6-c-label pf-m-overflow"
|
|
2916
|
+
type="button"
|
|
2917
|
+
>
|
|
2918
|
+
<span class="pf-v6-c-label__content">
|
|
2919
|
+
<span class="pf-v6-c-label__text">2 more</span>
|
|
2920
|
+
</span>
|
|
2921
|
+
</button>
|
|
2922
|
+
</li>
|
|
2923
|
+
</ul>
|
|
2924
|
+
</div>
|
|
2923
2925
|
</div>
|
|
2924
2926
|
</div>
|
|
2925
2927
|
</div>
|
|
2926
2928
|
</div>
|
|
2927
2929
|
</div>
|
|
2928
|
-
</
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
</
|
|
2930
|
+
</section>
|
|
2931
|
+
<section
|
|
2932
|
+
class="pf-v6-c-tab-content"
|
|
2933
|
+
id="-tabs-tab2-panel"
|
|
2934
|
+
aria-labelledby="-tabs-tab2-link"
|
|
2935
|
+
role="tabpanel"
|
|
2936
|
+
tabindex="0"
|
|
2937
|
+
hidden
|
|
2938
|
+
>
|
|
2939
|
+
<div class="pf-v6-c-tab-content__body">Panel 2</div>
|
|
2940
|
+
</section>
|
|
2941
|
+
</div>
|
|
2940
2942
|
</div>
|
|
2941
2943
|
</div>
|
|
2942
2944
|
</div>
|
|
@@ -3334,39 +3336,41 @@ section: components
|
|
|
3334
3336
|
</div>
|
|
3335
3337
|
</section>
|
|
3336
3338
|
<section class="pf-v6-c-page__main-section">
|
|
3337
|
-
<div class="pf-v6-
|
|
3338
|
-
<div
|
|
3339
|
-
class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
|
|
3340
|
-
id="modal-tabs-example-card-1"
|
|
3341
|
-
>
|
|
3342
|
-
<div class="pf-v6-c-card__title">
|
|
3343
|
-
<h2 class="pf-v6-c-card__title-text">PatternFly</h2>
|
|
3344
|
-
</div>
|
|
3339
|
+
<div class="pf-v6-c-page__main-body">
|
|
3340
|
+
<div class="pf-v6-l-gallery pf-m-gutter">
|
|
3345
3341
|
<div
|
|
3346
|
-
class="pf-v6-c-
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3342
|
+
class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
|
|
3343
|
+
id="modal-tabs-example-card-1"
|
|
3344
|
+
>
|
|
3345
|
+
<div class="pf-v6-c-card__title">
|
|
3346
|
+
<h2 class="pf-v6-c-card__title-text">PatternFly</h2>
|
|
3347
|
+
</div>
|
|
3348
|
+
<div
|
|
3349
|
+
class="pf-v6-c-card__body"
|
|
3350
|
+
>PatternFly is a community project that promotes design commonality and improves user experience.</div>
|
|
3355
3351
|
</div>
|
|
3356
3352
|
<div
|
|
3357
|
-
class="pf-v6-c-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3353
|
+
class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
|
|
3354
|
+
id="modal-tabs-example-card-2"
|
|
3355
|
+
>
|
|
3356
|
+
<div class="pf-v6-c-card__title">
|
|
3357
|
+
<h2 class="pf-v6-c-card__title-text">ActiveMQ</h2>
|
|
3358
|
+
</div>
|
|
3359
|
+
<div
|
|
3360
|
+
class="pf-v6-c-card__body"
|
|
3361
|
+
>The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
|
|
3366
3362
|
</div>
|
|
3367
3363
|
<div
|
|
3368
|
-
class="pf-v6-c-
|
|
3369
|
-
|
|
3364
|
+
class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
|
|
3365
|
+
id="modal-tabs-example-card-3"
|
|
3366
|
+
>
|
|
3367
|
+
<div class="pf-v6-c-card__title">
|
|
3368
|
+
<h2 class="pf-v6-c-card__title-text">Apache Spark</h2>
|
|
3369
|
+
</div>
|
|
3370
|
+
<div
|
|
3371
|
+
class="pf-v6-c-card__body"
|
|
3372
|
+
>This documentation page covers the Apache Spark component for the Apache Camel.</div>
|
|
3373
|
+
</div>
|
|
3370
3374
|
</div>
|
|
3371
3375
|
</div>
|
|
3372
3376
|
</section>
|