mirror of
https://github.com/slint-ui/slint.git
synced 2025-10-31 03:54:25 +00:00
981f24370f
Only the Qt style provided this, and when used with the Qt backend the font size will be correct as delivered by the renderer trait.
70 lines
2.1 KiB
Text
70 lines
2.1 KiB
Text
// Copyright © SixtyFPS GmbH <info@slint.dev>
|
|
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
|
|
|
|
import { MenuBarItemBase, MenuBarBase, MenuFrameBase, MenuItemBase } from "../common/menu-base.slint";
|
|
|
|
export component MenuBarItem {
|
|
in property <MenuEntry> entry <=> base.entry;
|
|
|
|
callback clicked <=> base.clicked;
|
|
callback hovered <=> base.hovered;
|
|
|
|
min-width: base.min-width;
|
|
min-height: base.min-height;
|
|
|
|
base := MenuBarItemBase {
|
|
horizontal-padding: 11px;
|
|
top-padding: 4px;
|
|
bottom-padding: 6px;
|
|
default-foreground: NativePalette.foreground;
|
|
hover-foreground: NativePalette.accent-foreground;
|
|
pressed-foreground: NativePalette.accent-foreground;
|
|
hover-background: NativePalette.accent-background;
|
|
pressed-background: NativePalette.accent-background;
|
|
font-weight: 300;
|
|
border-radius: 3px;
|
|
}
|
|
}
|
|
|
|
export component MenuBar inherits MenuBarBase {
|
|
spacing: 10px;
|
|
min-layout-height: 40px;
|
|
}
|
|
|
|
export component MenuFrame inherits MenuFrameBase {
|
|
background: NativePalette.background;
|
|
border-radius: 7px;
|
|
border-width: 1px;
|
|
border-color: NativePalette.border;
|
|
drop-shadow-color: transparent;
|
|
margin: 1px;
|
|
layout-min-width: 280px;
|
|
}
|
|
|
|
export component MenuItem {
|
|
in property <bool> is-current <=> base.is-current;
|
|
in property <MenuEntry> entry <=> base.entry;
|
|
|
|
callback set-current <=> base.set-current;
|
|
callback clear-current <=> base.clear-current;
|
|
callback activate <=> base.activate;
|
|
|
|
min-height: max(40px, base.min-height);
|
|
|
|
HorizontalLayout {
|
|
padding: 5px;
|
|
|
|
base := MenuItemBase {
|
|
default-foreground: NativePalette.foreground;
|
|
current-foreground: NativePalette.accent-foreground;
|
|
current-background: NativePalette.accent-background;
|
|
separator-color: NativePalette.border;
|
|
font-weight: 300;
|
|
border-radius: 4px;
|
|
horizontal-padding: 11px;
|
|
spacing: 8px;
|
|
sub-menu-icon: @image-url("_arrow_forward.svg");
|
|
icon-size: 12px;
|
|
}
|
|
}
|
|
}
|