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

Adding configuration options to change spacing between icons and labels inside the buttons in the bar. (#30)

Browse Source 
* Branch protection check.

* Move button spacing config into the Configuration section instead of Theming.

* Partially Resolves #26 - Added the ability to configure outer spacing on the bar.

* Renamed all class names for buttons so they can be styled with margins.

* Added configurable spacing to buttons.

* Fixed styling for network module when using wifi.

* Fixed ghost margins that occur when labels are disabled in the bar buttons.

* Change the default page of the settings dialog to configuration.
This commit is contained in:
Jas Singh
2024-07-28 15:16:31 -07:00
committed by GitHub
parent 83b60ddaab
commit 3dc5bbbe13
20 changed files with 137 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
modules/bar/network/index.ts
View File

@@ -6,40 +6,48 @@ import { openMenu } from "../utils.js";
const Network = () => {
const wifiIndicator = [
Widget.Icon({
class_name: "bar-network-icon",
class_name: "bar-button-icon network",
icon: network.wifi.bind("icon_name"),
}),
Widget.Label({
class_name: "bar-network-label",
label: Utils.merge(
Widget.Box({
children: Utils.merge(
[network.bind("wifi"), options.bar.network.label.bind("value")],
(wifi, showLabel) => {
if (showLabel) {
return wifi.ssid ? ` ${wifi.ssid.substring(0, 7)}` : " --";
if (!showLabel) {
return [];
}
return "";
return [
Widget.Label({
class_name: "bar-button-label network",
label: wifi.ssid ? `${wifi.ssid.substring(0, 7)}` : "--",
}),
]
},
),
}),
)
})
];
const wiredIndicator = [
Widget.Icon({
class_name: "bar-network-icon",
class_name: "bar-button-icon network",
icon: network.wired.bind("icon_name"),
}),
Widget.Label({
class_name: "bar-network-label",
label: Utils.merge(
Widget.Box({
children: Utils.merge(
[network.bind("wired"), options.bar.network.label.bind("value")],
(_, showLabel) => {
if (showLabel) {
return " Wired";
if (!showLabel) {
return [];
}
return "";
return [
Widget.Label({
class_name: "bar-button-label network",
label: "Wired",
}),
]
},
),
}),
)
})
];
return {