johrpan/musicus
1
0
Fork 0
mirror of https://github.com/johrpan/musicus.git synced 2025-10-26 03:47:23 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve playlist page design

Browse source
This commit is contained in:
Elias Projahn 2024-07-13 12:20:39 +02:00
parent b9c874ab8c
commit 09bedc892b
6 changed files with 56 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

10
data/res/style.css
View file

@ -52,16 +52,8 @@
border-radius: 12px;
}
.playlisttile .title {
font-weight: bold;
}
.playlisttile .subtitle {
font-size: smaller;
}
.playlisttile .parttitle {
font-size: smaller;
font-style: italic;
}
.program {

2
data/ui/playlist_page.blp
View file

@ -8,7 +8,7 @@ template $MusicusPlaylistPage : Adw.Bin {
[top]
Adw.HeaderBar {
title-widget: Adw.WindowTitle {
title: _("Playlist");
title: _("Program");
};
[start]

31
data/ui/playlist_tile.blp
View file

@ -6,7 +6,7 @@ template $MusicusPlaylistTile : Gtk.Box {
Adw.Bin {
valign: end;
margin-bottom: 12;
margin-bottom: 14;
width-request: 48;
Gtk.Image playing_icon {
@ -19,29 +19,38 @@ template $MusicusPlaylistTile : Gtk.Box {
margin-end: 12;
orientation: vertical;
Gtk.Label title_label {
styles ["title"]
visible: false;
margin-top: 24;
halign: start;
Gtk.Label composers_label {
styles ["title-4"]
xalign: 0.0;
wrap: true;
visible: false;
margin-top: 32;
}
Gtk.Label work_label {
styles ["title-2"]
xalign: 0.0;
wrap: true;
visible: false;
margin-top: 32;
margin-bottom: 12;
}
Gtk.Label performances_label {
styles ["subtitle", "dim-label"]
visible: false;
halign: start;
xalign: 0.0;
wrap: true;
visible: false;
margin-bottom: 12;
}
Gtk.Label part_title_label {
styles ["parttitle"]
xalign: 0.0;
wrap: true;
margin-top: 12;
margin-bottom: 12;
visible: false;
margin-start: 24;
halign: start;
wrap: true;
}
}
}