Skip to content

Commit 0fe5bbc

Browse files
committed
consoles: Redesign and reimplement
- A ToggleGroup in the Card header is used to switch consoles - The DesktopViewer is gone, but there is a footer with a "Launch viewer" button and a "How to connect" popup. - Can't change consoles in the expanded view, but the expanded console keeps the type that was active in the collapsed view. TODO: - Code cleanup, "VncConsole" is now really "GraphicsConsole", etc..
1 parent 7a626b7 commit 0fe5bbc

File tree

5 files changed

+394
-240
lines changed

5 files changed

+394
-240
lines changed

src/components/vm/consoles/consoles.css

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,25 @@
1818
grid-template-rows: min-content 1fr;
1919
}
2020

21+
.vm-console-footer {
22+
grid-area: 3 / 1 / 4 / 3;
23+
}
24+
2125
.consoles-page-expanded .actions-pagesection .pf-v5-c-page__main-body {
2226
padding-block-end: 0;
2327
}
2428

25-
/* Hide send key button - there is not way to do that from the JS
29+
/* Hide standard VNC actions - there is not way to do that from the JS
2630
* https://github.com/patternfly/patternfly-react/issues/3689
2731
*/
28-
#pf-v5-c-console__send-shortcut {
32+
.pf-v5-c-console__actions-vnc {
2933
display: none;
3034
}
3135

3236
.consoles-card .pf-v5-c-empty-state__icon {
3337
color: var(--pf-v5-global--custom-color--200);
3438
}
39+
40+
.ct-remote-viewer-popover {
41+
max-inline-size: 60ch;
42+
}

0 commit comments

Comments
 (0)