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

GUACAMOLE-1876: Merge corrections to heatmap and legend styling.

Browse Source
This commit is contained in:
Mike Jumper
2023-11-07 09:17:46 -08:00
committed by GitHub
parent d03da4a385 075ca92189
commit eb2a068f4d
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 { .settings.connectionHistoryPlayer .guac-player-controls:hover .heat-map svg {
opacity: 0.5; opacity: 1;
} }
.settings.connectionHistoryPlayer .guac-player-controls .heat-map .legend { .settings.connectionHistoryPlayer .guac-player-controls .heat-map .legend {
@@ -148,6 +148,11 @@
bottom: 65px; bottom: 65px;
right: 10px; right: 10px;
z-index: 100; 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; opacity: 0;
-webkit-transition: opacity 0.1s linear 0.1s; -webkit-transition: opacity 0.1s linear 0.1s;
-moz-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 { .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 */ /* #5BA300 color at 50% opacity */
filter: invert(69%) sepia(80%) saturate(5092%) hue-rotate(54deg) brightness(96%) contrast(101%); 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 */ /* #888888 color at 75% opacity */
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); fill: rgba(135, 135, 135, 0.75);
} }