better menu styles
This commit is contained in:
parent
17223a00fc
commit
76ded7bb6d
2 changed files with 10 additions and 8 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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}`));
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue