better menu styles

This commit is contained in:
2 * r + 2 * t 2025-01-20 15:50:15 +11:00
parent 17223a00fc
commit 76ded7bb6d
2 changed files with 10 additions and 8 deletions

View file

@ -116,18 +116,19 @@ separator,
menu { menu {
@include -appear; @include -appear;
@include lib.rounded(5); @include lib.rounded(10);
@include lib.border(scheme.$blue, 0.7); @include lib.border(scheme.$blue, 0.4);
@include font.main; @include font.mono;
padding: lib.s(10); padding: lib.s(8);
background-color: scheme.$surface0; background-color: scheme.$surface0;
color: scheme.$text; color: scheme.$text;
font-size: lib.s(14);
& > menuitem { & > menuitem {
@include lib.rounded(8); @include lib.rounded(8);
padding: lib.s(8) lib.s(16); padding: lib.s(5) lib.s(8);
background: transparent; background: transparent;
transition: 0.2s ease background-color; transition: 0.2s ease background-color;
@ -162,8 +163,8 @@ menu {
} }
& > separator { & > separator {
background-color: scheme.$blue; background-color: color.mix(scheme.$blue, scheme.$surface0, 70%);
margin: lib.s(8) 0; margin: lib.s(5) 0;
} }
} }
@ -171,7 +172,7 @@ tooltip,
.tooltip { .tooltip {
@include lib.rounded(5); @include lib.rounded(5);
@include lib.border(scheme.$teal, 0.7); @include lib.border(scheme.$teal, 0.7);
@include font.reading; @include font.mono;
background-color: scheme.$surface0; background-color: scheme.$surface0;
color: scheme.$text; color: scheme.$text;

View file

@ -17,6 +17,7 @@ const Update = (update: IUpdate) => {
const menu = new Gtk.Menu(); const menu = new Gtk.Menu();
menu.append(constructItem("Open info in browser", `xdg-open '${update.url}'`, false)); menu.append(constructItem("Open info in browser", `xdg-open '${update.url}'`, false));
menu.append(constructItem("Open info in terminal", `uwsm app -- foot -H pacman -Qi ${update.name}`)); menu.append(constructItem("Open info in terminal", `uwsm app -- foot -H pacman -Qi ${update.name}`));
menu.append(new Gtk.SeparatorMenuItem({ visible: true }));
menu.append(constructItem("Reinstall", `uwsm app -T -- yay -S ${update.name}`)); menu.append(constructItem("Reinstall", `uwsm app -T -- yay -S ${update.name}`));
menu.append(constructItem("Remove with dependencies", `uwsm app -T -- yay -Rns ${update.name}`)); menu.append(constructItem("Remove with dependencies", `uwsm app -T -- yay -Rns ${update.name}`));