|
3 | 3 | exports[`AccessConsoles Empty 1`] = ` |
4 | 4 | <DocumentFragment> |
5 | 5 | <div |
6 | | - class="console-0-2-1" |
| 6 | + class="console" |
| 7 | + style="display: grid; grid-template-areas: 'actions-main actions-extra' |
| 8 | + 'main main'; row-gap: var(--pf-t--global--spacer--md);" |
7 | 9 | /> |
8 | 10 | </DocumentFragment> |
9 | 11 | `; |
10 | 12 |
|
11 | 13 | exports[`AccessConsoles with DesktopViewer 1`] = ` |
12 | 14 | <DocumentFragment> |
13 | 15 | <div |
14 | | - class="console-0-2-1" |
| 16 | + class="console" |
| 17 | + style="display: grid; grid-template-areas: 'actions-main actions-extra' |
| 18 | + 'main main'; row-gap: var(--pf-t--global--spacer--md);" |
15 | 19 | /> |
16 | 20 | </DocumentFragment> |
17 | 21 | `; |
18 | 22 |
|
19 | 23 | exports[`AccessConsoles with SerialConsole and VncConsole as children 1`] = ` |
20 | 24 | <DocumentFragment> |
21 | 25 | <div |
22 | | - class="console-0-2-1" |
| 26 | + class="console" |
| 27 | + style="display: grid; grid-template-areas: 'actions-main actions-extra' |
| 28 | + 'main main'; row-gap: var(--pf-t--global--spacer--md);" |
23 | 29 | > |
24 | 30 | <div |
25 | | - class="consoleActions-0-2-2" |
| 31 | + class="console-actions" |
| 32 | + style="grid-area: actions-main; display: flex; gap: var(--pf-t--global--spacer--sm);" |
26 | 33 | > |
27 | 34 | <button |
28 | 35 | aria-expanded="false" |
@@ -65,26 +72,33 @@ exports[`AccessConsoles with SerialConsole and VncConsole as children 1`] = ` |
65 | 72 | exports[`AccessConsoles with SerialConsole as a single child 1`] = ` |
66 | 73 | <DocumentFragment> |
67 | 74 | <div |
68 | | - class="console-0-2-1" |
| 75 | + class="console" |
| 76 | + style="display: grid; grid-template-areas: 'actions-main actions-extra' |
| 77 | + 'main main'; row-gap: var(--pf-t--global--spacer--md);" |
69 | 78 | /> |
70 | 79 | </DocumentFragment> |
71 | 80 | `; |
72 | 81 |
|
73 | 82 | exports[`AccessConsoles with VncConsole as a single child 1`] = ` |
74 | 83 | <DocumentFragment> |
75 | 84 | <div |
76 | | - class="console-0-2-1" |
| 85 | + class="console" |
| 86 | + style="display: grid; grid-template-areas: 'actions-main actions-extra' |
| 87 | + 'main main'; row-gap: var(--pf-t--global--spacer--md);" |
77 | 88 | /> |
78 | 89 | </DocumentFragment> |
79 | 90 | `; |
80 | 91 |
|
81 | 92 | exports[`AccessConsoles with preselected SerialConsole 1`] = ` |
82 | 93 | <DocumentFragment> |
83 | 94 | <div |
84 | | - class="console-0-2-1" |
| 95 | + class="console" |
| 96 | + style="display: grid; grid-template-areas: 'actions-main actions-extra' |
| 97 | + 'main main'; row-gap: var(--pf-t--global--spacer--md);" |
85 | 98 | > |
86 | 99 | <div |
87 | | - class="consoleActionsSerial-0-2-4" |
| 100 | + class="console-actions-serial" |
| 101 | + style="grid-area: actions-extra; display: flex; justify-content: flex-end; gap: var(--pf-t--global--spacer--sm);" |
88 | 102 | > |
89 | 103 | <button |
90 | 104 | class="pf-v6-c-button pf-m-secondary" |
@@ -114,7 +128,8 @@ exports[`AccessConsoles with preselected SerialConsole 1`] = ` |
114 | 128 | </button> |
115 | 129 | </div> |
116 | 130 | <div |
117 | | - class="consoleSerial-0-2-3" |
| 131 | + class="console-serial" |
| 132 | + style="grid-area: main;" |
118 | 133 | > |
119 | 134 | <div |
120 | 135 | class="pf-v6-c-empty-state" |
@@ -165,7 +180,9 @@ exports[`AccessConsoles with preselected SerialConsole 1`] = ` |
165 | 180 | exports[`AccessConsoles with wrapped SerialConsole as a child 1`] = ` |
166 | 181 | <DocumentFragment> |
167 | 182 | <div |
168 | | - class="console-0-2-1" |
| 183 | + class="console" |
| 184 | + style="display: grid; grid-template-areas: 'actions-main actions-extra' |
| 185 | + 'main main'; row-gap: var(--pf-t--global--spacer--md);" |
169 | 186 | > |
170 | 187 | <p> |
171 | 188 | Serial console text |
|
0 commit comments