language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-08-03 10:23:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

menu: finished cupertino style

Browse source
This commit is contained in:
FloVanGH 2025-02-27 11:03:38 +01:00 • committed by FloVanGH
parent 09db98f9ca
commit f6cec29fed
2 changed files with 30 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

4
internal/compiler/widgets/common/menu-base.slint
View file

@ -55,6 +55,10 @@ export component MenuBarBase inherits Rectangle {
layout := HorizontalLayout {
alignment: start;
padding: root.padding;
padding-left: root.padding-left;
padding-right: root.padding-right;
padding-top: root.padding-top;
padding-bottom: root.padding-bottom;
@children
}

51
internal/compiler/widgets/cupertino/menu.slint
View file

@ -13,34 +13,37 @@ export component MenuBarItem {
min-height: base.min-height;
base := MenuBarItemBase {
padding-left: 11px;
padding-right: 11px;
padding-top: 4px;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
default-foreground: CupertinoPalette.foreground;
hover-foreground: CupertinoPalette.accent-foreground;
pressed-foreground: CupertinoPalette.accent-foreground;
hover-background: CupertinoPalette.accent-background;
pressed-background: CupertinoPalette.accent-background;
font-size: 14px;
hover-foreground: CupertinoPalette.foreground;
pressed-foreground: CupertinoPalette.foreground;
hover-background: CupertinoPalette.secondary-control-background;
pressed-background: CupertinoPalette.secondary-control-background;
font-size: 13px;
font-weight: 300;
border-radius: 3px;
border-radius: 2px;
}
}
export component MenuBar inherits MenuBarBase {
padding: 9px;
spacing: 10px;
min-layout-height: 40px;
padding-top: 0;
padding-bottom: 0;
padding-left: 8px;
padding-right: 8px;
min-layout-height: 24px;
}
export component MenuFrame inherits MenuFrameBase {
background: CupertinoPalette.background;
border-radius: 7px;
border-width: 1px;
border-color: CupertinoPalette.border;
padding: 1px;
layout-min-width: 280px;
drop-shadow-blur: 22px;
drop-shadow-color: #00000066;
drop-shadow-offset-y: 0.5px;
background: CupertinoPalette.background;
border-radius: 6px;
padding: 4px;
}
export component MenuItem {
@ -51,23 +54,21 @@ export component MenuItem {
callback clear-current <=> base.clear-current;
callback activate <=> base.activate;
min-height: max(40px, base.min-height);
HorizontalLayout {
padding: 5px;
min-height: max(22px, base.min-height);
HorizontalLayout {
base := MenuItemBase {
default-foreground: CupertinoPalette.foreground;
current-foreground: CupertinoPalette.accent-foreground;
current-background: CupertinoPalette.accent-background;
font-size: CupertinoFontSettings.body.font-size;
font-weight: CupertinoFontSettings.body.font-weight;
border-radius: 4px;
padding-left: 11px;
padding-right: 11px;
spacing: 8px;
border-radius: 5px;
padding-left: 8px;
padding-right: 8px;
spacing: 4px;
sub-menu-icon: @image-url("_arrow_forward.svg");
icon-size: 12px;
icon-size: 13px;
}
}
}