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.tooltip.bind("value"),
right.shortcut3.icon.bind("value"),
leftCardHidden.bind("value")
leftCardHidden.bind("value"),
isRecording.bind("value")
], () => {
return Widget.Box({
class_name: `container utilities dashboard-card ${!leftCardHidden.value ? "paired" : ""}`,
@@ -264,7 +265,7 @@ const Shortcuts = () => {
command: "record",
icon: "󰑊",
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 {
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording);
background: $red;
&:hover {
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording), 0.5);
background: transparentize($red, 0.5);
}
}