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

Improve player bar layout

Browse source
This commit is contained in:
Elias Projahn 2023-10-26 12:37:33 +02:00
parent 7110401f61
commit f16a27e343
2 changed files with 78 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

8
data/res/style.css
View file

@ -1,3 +1,11 @@
.playerbar .title {
font-weight: bold;
}
.playerbar .subtitle {
font-size: smaller;
}
.searchbar .searchtag {
background-color: alpha(currentColor, 0.1);
border-radius: 100px;

96
data/ui/window.blp
View file

@ -24,47 +24,89 @@ template $MusicusWindow : Adw.ApplicationWindow {
transition-type: slide_up;
Gtk.Box {
styles ["playerbar"]
orientation: vertical;
margin-start: 6;
margin-end: 6;
margin-top: 6;
margin-bottom: 6;
margin-top: 12;
margin-bottom: 12;
spacing: 6;
Gtk.Box {
spacing: 6;
Gtk.Box {
valign: center;
hexpand: true;
margin-start: 10;
orientation: vertical;
Gtk.Label title_label {
styles ["title"]
halign: start;
label: _("Title");
ellipsize: end;
}
Gtk.Label subtitle_label {
styles ["subtitle", "dim-label"]
halign: start;
label: _("Subtitle");
ellipsize: end;
}
}
Gtk.Button back_button {
styles ["circular", "flat"]
valign: center;
icon-name: "media-skip-backward-symbolic";
}
Gtk.ToggleButton playlist_button {
styles ["flat", "circular"]
valign: center;
icon-name: "playlist-symbolic";
toggled => $show_playlist() swapped;
}
Gtk.Button forward_button {
styles ["circular", "flat"]
valign: center;
icon-name: "media-skip-forward-symbolic";
}
}
Gtk.Box {
spacing: 6;
Gtk.Button play_button {
styles ["circular"]
styles ["circular", "flat"]
valign: center;
icon-name: "media-playback-start-symbolic";
}
Gtk.Box {
hexpand: true;
valign: center;
orientation: vertical;
Gtk.Label title_label {
styles ["caption-heading"]
halign: start;
label: _("Title");
}
Gtk.Label subtitle_label {
styles ["caption"]
halign: start;
label: _("Subtitle");
}
}
Gtk.Label {
Gtk.Label current_time_label {
styles ["caption", "numeric"]
valign: center;
label: "00:00 / 01:00";
label: "00:00";
}
Gtk.ToggleButton playlist_button {
styles ["flat"]
Gtk.Scale slider {
valign: center;
icon-name: "playlist-symbolic";
toggled => $show_playlist() swapped;
hexpand: true;
adjustment: Gtk.Adjustment {
lower: 0;
upper: 1;
value: 0.2;
step-increment: 0.01;
};
}
Gtk.Label remaining_time_label {
styles ["caption", "numeric"]
valign: center;
label: "01:00";
}
}
}
}