mirror of
https://github.com/novnc/noVNC.git
synced 2026-05-27 15:39:41 +00:00
a5df24b488
API changes (forward compatible):
- Display: add 'viewport' conf option to turn on and off viewport
mode.
- RFB: add 'viewportDrag' option to enable/disable viewport dragging
mode.
Other:
- Add clip mode setting to default UI. For touch devices, clipping is
forced on.
- Use CSS media queries to adjust visual elements based on screen
size. Especially disconnected logo size/position and button text size.
- Catch page unload while connected and give a confirm dialog.
- Change mouse button selector to a single button that changes between
' ', 'L', 'M', 'R' when clicked (empty means mouse is just being
moved and doesn't send clicks).
- include/ui.js:setViewClip() routine sets the clipping of the
viewport to the current size of the viewport area (if clipping is
enabled).
- include/ui.js:setViewDrag() toggles/enables/disables viewport
dragging mode.
- Add several images for the UI and for Apple devices:
- images/clipboard.png: clipboard menu icon
- images/connect.png: connect menu icon
- images/disconnect.png: disconnect button icon
- images/keyboard.png: show keyboard button
- images/move.png: viewport drag/move toggle button
- images/settings.png: settings menu icon
- images/screen_320x460.png: iOS app/desktop link start image
- images/screen_57x57.png: iOS app icon
- images/screen_700x700.png: full size noVNC image
27 lines
435 B
CSS
27 lines
435 B
CSS
#noVNC-control-bar {
|
|
background-color:#000;
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left bottom,
|
|
left top,
|
|
color-stop(0.5, rgb(0,0,0)),
|
|
color-stop(0.5, rgb(20,20,20))
|
|
);
|
|
background-image: -moz-linear-gradient(
|
|
center bottom,
|
|
rgb(0,0,0) 50%,
|
|
rgb(20,20,20) 50%
|
|
);
|
|
}
|
|
|
|
.triangle-right {
|
|
border:2px solid #fff;
|
|
background:#000;
|
|
color:#fff;
|
|
}
|
|
|
|
#keyboardinput {
|
|
background-color:#000;
|
|
}
|
|
|