LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

indicate that screen recording is active by changing button color (#218)

Browse Source
This commit is contained in:
Hristo Karamanliev
2024-09-03 11:56:25 +03:00
committed by GitHub
parent 88bdcbe806
commit 024986d7be
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
modules/menus/dashboard/shortcuts/index.ts
View File

@@ -228,7 +228,8 @@ const Shortcuts = () => {
right.shortcut3.command.bind("value"), right.shortcut3.command.bind("value"),
right.shortcut3.tooltip.bind("value"), right.shortcut3.tooltip.bind("value"),
right.shortcut3.icon.bind("value"), right.shortcut3.icon.bind("value"),
leftCardHidden.bind("value") leftCardHidden.bind("value"),
isRecording.bind("value")
], () => { ], () => {
return Widget.Box({ return Widget.Box({
class_name: `container utilities dashboard-card ${!leftCardHidden.value ? "paired" : ""}`, class_name: `container utilities dashboard-card ${!leftCardHidden.value ? "paired" : ""}`,
@@ -264,7 +265,7 @@ const Shortcuts = () => {
command: "record", command: "record",
icon: "󰑊", icon: "󰑊",
configurable: false configurable: false
}, "dashboard-button", "record"), }, `dashboard-button record ${isRecording.value ? "active" : ""}`, "record"),
], ],
}), }),
}), }),

4
scss/style/menus/dashboard.scss
View File

@@ -137,10 +137,10 @@
} }
&.record.active { &.record.active {
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording); background: $red;
&:hover { &:hover {
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording), 0.5); background: transparentize($red, 0.5);
} }
} }