varris
/
nixos-dotfiles
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ags: split up style.scss

This commit is contained in:
Varris 2023-10-15 16:52:46 +02:00
parent fa24db296c
commit 540c0063b6
10 changed files with 123 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
user/configs/wayland/ags/ags-config/js/panel/widgets/sysTray.js
View File

@ -6,7 +6,7 @@ export default () => Box({
connections: [
[SystemTray, box => {
box.children = SystemTray.items.map(item => Button({
className: 'tray-icon',
className: 'tray-icons',
child: Icon(),
onPrimaryClick: (_, event) => item.activate(event),
onSecondaryClick: (_, event) => item.openMenu(event),

73
user/configs/wayland/ags/ags-config/scss/panel.scss
View File

@ -1,9 +1,3 @@
@import './themes/gruvbox.scss';
* {
min-height: unset;
}
.bar {
min-height: 33px;
font-family: "JetBrainsMono Nerd Font";
@ -11,70 +5,3 @@
background-color: $bg;
color: $fg;
}
.workspaces {
background-color: $box-bg;
border-radius: $box-border-radius;
margin: 5px 0px 5px 10px;
font-size: 0px;
}
.workspaces button {
border-radius: 0;
background-color: $wsbg;
font-size: 10px;
}
.workspaces button.focused {
border-radius: 0px;
background-color: $activewsbg;
}
.workspaces button:first-child {
border-radius: $box-border-radius 0px 0px $box-border-radius;
}
.workspaces button:last-child {
border-radius: 0px $box-border-radius $box-border-radius 0px;
}
.windowTitle {
background-color: $box-bg;
border-radius: $box-border-radius;
padding: 0px 10px 0px 10px;
margin: 5px 0px 5px 10px;
}
.volume {
background-color: $box-bg;
border-radius: $box-border-radius;
padding: 0px 10px 0px 10px;
margin: 5px 5px 5px 0px;
}
.media {
background-color: $box-bg;
border-radius: $box-border-radius;
padding: 0px 10px 0px 10px;
margin: 5px 10px 5px 0px;
}
.date {
background-color: $box-bg;
padding: 0px 10px 0px 10px;
border-radius: $box-border-radius;
margin: 5px 10px 5px 0px;
};
.tray {
background-color: $box-bg;
padding: 0px 10px 0px 10px;
border-radius: $box-border-radius;
margin: 5px 10px 5px 0px;
}
.tray-icon {
font-size: 18px;
background-color: $box-bg;
padding: 2px;
}

45
user/configs/wayland/ags/ags-config/scss/panel/panel.scss Normal file
View File

@ -0,0 +1,45 @@
@import './themes/gruvbox.scss';
@import './widgets/workspaces.scss';
@import './widgets/windowTitle.scss';
@import './widgets/volume.scss';
* {
min-height: unset;
}
.bar {
min-height: 33px;
font-family: "JetBrainsMono Nerd Font";
font-size: 12px;
background-color: $bg;
color: $fg;
}
.media {
background-color: $box-bg;
border-radius: $box-border-radius;
padding: 0px 10px 0px 10px;
margin: 5px 10px 5px 0px;
}
.date {
background-color: $box-bg;
padding: 0px 10px 0px 10px;
border-radius: $box-border-radius;
margin: 5px 10px 5px 0px;
};
.tray {
background-color: $box-bg;
padding: 0px 10px 0px 10px;
border-radius: $box-border-radius;
margin: 5px 10px 5px 0px;
}
.tray-icon {
font-size: 18px;
background-color: $box-bg;
padding: 2px;
}

6
user/configs/wayland/ags/ags-config/scss/panel/widgets/clock.scss Normal file
View File

@ -0,0 +1,6 @@
.date {
background-color: $box-bg;
padding: 0px 10px 0px 10px;
border-radius: $box-border-radius;
margin: 5px 10px 5px 0px;
};

6
user/configs/wayland/ags/ags-config/scss/panel/widgets/mpris.scss Normal file
View File

@ -0,0 +1,6 @@
.media {
background-color: $box-bg;
border-radius: $box-border-radius;
padding: 0px 10px 0px 10px;
margin: 5px 10px 5px 0px;
}

12
user/configs/wayland/ags/ags-config/scss/panel/widgets/sysTray.scss Normal file
View File

@ -0,0 +1,12 @@
.tray {
background-color: $box-bg;
padding: 0px 10px 0px 10px;
border-radius: $box-border-radius;
margin: 5px 10px 5px 0px;
}
.tray .tray-icons {
font-size: 18px;
background-color: $box-bg;
padding: 2px;
}

6
user/configs/wayland/ags/ags-config/scss/panel/widgets/volume.scss Normal file
View File

@ -0,0 +1,6 @@
.volume {
background-color: $box-bg;
border-radius: $box-border-radius;
padding: 0px 10px 0px 10px;
margin: 5px 5px 5px 0px;
}

6
user/configs/wayland/ags/ags-config/scss/panel/widgets/windowTitle.scss Normal file
View File

@ -0,0 +1,6 @@
.windowTitle {
background-color: $box-bg;
border-radius: $box-border-radius;
padding: 0px 10px 0px 10px;
margin: 5px 0px 5px 10px;
}

27
user/configs/wayland/ags/ags-config/scss/panel/widgets/workspaces.scss Normal file
View File

@ -0,0 +1,27 @@
.workspaces {
background-color: $box-bg;
border-radius: $box-border-radius;
margin: 5px 0px 5px 10px;
font-size: 0px;
}
.workspaces button {
border-radius: 0;
background-color: $wsbg;
font-size: 10px;
}
.workspaces button.focused {
border-radius: 0px;
background-color: $activewsbg;
}
.workspaces button:first-child {
border-radius: $box-border-radius 0px 0px $box-border-radius;
}
.workspaces button:last-child {
border-radius: 0px $box-border-radius $box-border-radius 0px;
}

14
user/configs/wayland/ags/ags-config/style.scss
View File

@ -1 +1,15 @@
@import './scss/themes/gruvbox.scss';
@import './scss/panel.scss';
@import './scss/panel/widgets/workspaces.scss';
@import './scss/panel/widgets/windowTitle.scss';
@import './scss/panel/widgets/volume.scss';
@import './scss/panel/widgets/mpris.scss';
@import './scss/panel/widgets/clock.scss';
@import './scss/panel/widgets/sysTray.scss';
* {
min-height: unset;
}