style(slint): match toolbar selects to genre button + sharp toggle + grouped list rows
- QbzSelect sm now matches the favorites genre button: no outline, 6px corners (was Radius.sm 8px), 12px label (was body). Standard size (Settings) unchanged. - ToggleButton snaps its icon to whole pixels (the HeaderBar/QueueSidebar treatment) so the grid/list glyphs render crisp instead of blurry. - AlbumCollectionView grouped sections now follow the view mode: in list mode each group renders AlbumListRow rows (column header once on top) instead of always a card grid, so group + list no longer conflict. cc
This commit is contained in:
3 files changed
+35
-7
No files matched your search
@@ -62,8 +62,10 @@ export component QbzSelect inherits Rectangle {
|
||||
|
||||
width: root.menu-width;
|
||||
height: root.sm ? 30px : 34px;
|
||||
border-radius: Radius.sm;
|
||||
border-width: 1px;
|
||||
// sm matches the favorites toolbar buttons (6px, no outline); the
|
||||
// standard size keeps the settings-style bordered look.
|
||||
border-radius: root.sm ? 6px : Radius.sm;
|
||||
border-width: root.sm ? 0px : 1px;
|
||||
border-color: Theme.border-subtle;
|
||||
background: ta.has-hover && root.enabled ? Theme.surface-hover : Theme.surface-elevated;
|
||||
opacity: root.enabled ? 1.0 : 0.4;
|
||||
@@ -77,7 +79,7 @@ export component QbzSelect inherits Rectangle {
|
||||
? root.options[root.current-index]
|
||||
: "";
|
||||
color: Theme.text-primary;
|
||||
font-size: Typography.body;
|
||||
font-size: root.sm ? 12px : Typography.body;
|
||||
vertical-alignment: center;
|
||||
horizontal-stretch: 1;
|
||||
overflow: elide;
|
||||
|
||||
Reference in new issue
Block a user