safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-06 05:07:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

GUACAMOLE-1876: Fix heatmap and legend styling to work better with event viewer open.

Browse Source
This commit is contained in:
James Muehlner
2023-11-07 00:46:56 +00:00
parent d03da4a385
commit 075ca92189
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
guacamole/src/main/frontend/src/app/settings/styles/history-player.css
View File

@@ -137,7 +137,7 @@
}
.settings.connectionHistoryPlayer .guac-player-controls:hover .heat-map svg {
opacity: 0.5;
opacity: 1;
}
.settings.connectionHistoryPlayer .guac-player-controls .heat-map .legend {
@@ -148,6 +148,11 @@
bottom: 65px;
right: 10px;
z-index: 100;
background-color: rgba(0, 0, 0, 0.85);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
border-radius: 5px;
opacity: 0;
-webkit-transition: opacity 0.1s linear 0.1s;
-moz-transition: opacity 0.1s linear 0.1s;
@@ -175,17 +180,17 @@
}
.settings.connectionHistoryPlayer .guac-player-controls .heat-map .legend .frame-events::after {
background-color: #FFFFFF;
background-color: #888888;
}
.settings.connectionHistoryPlayer .heat-map svg.key-events {
.settings.connectionHistoryPlayer .heat-map svg.key-events path {
/* Convert to #5BA300 color */
filter: invert(69%) sepia(80%) saturate(5092%) hue-rotate(54deg) brightness(96%) contrast(101%);
/* #5BA300 color at 50% opacity */
fill: rgba(91, 163, 0, 0.5);
}
.settings.connectionHistoryPlayer .heat-map svg.frame-events {
.settings.connectionHistoryPlayer .heat-map svg.frame-events path {
/* Convert to #FFFFFF color */
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
/* #888888 color at 75% opacity */
fill: rgba(135, 135, 135, 0.75);
}