Sansan/MusicPlayer
1
0 Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases 7 Wiki Activity

Lay out the song list's pictures and text to fit any number of players

Browse Source 
The players' pictures sit on the right in even lines of at most four, each
ending at the row's right edge, so five pictures are 3 + 2 and seven 4 + 3.
The text takes the room they leave and wraps only when it does not fit, and
the row is as tall as the taller of the two, instead of a width fixed by
the number of pictures.

Rows are rounded and alternate like the other lists, are highlighted under
the mouse, and the playing song has an orange edge. Clicking a picture
clicks its song.
This commit is contained in:
Sansan committed 2026-10-09 17:25:38 +02:00
1 parent 84e137e16a
commit 78e1facaf0
10 files changed
+753 -361
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

themes/README.md
+3 -1
View File
@@ -35,7 +35,9 @@ inspector or `theme_type_variation` in code:
| `DarkSpacer` | Panel | The dark gaps in the player list and the add player row |
| `CharacterCard` | Panel | A character in the character select popup |
| `MusicList` | PanelContainer | The list of songs in the quiz |
| `SongRow` | PanelContainer | One song in that list |
| `SongRow`, `SongRowOdd` | PanelContainer | Alternating songs in that list |
| `SongRowHover`, `SongRowPlaying` | PanelContainer | The song under the mouse, and the one that is playing |
| `SongRowPictureLines`, `SongRowPictureLine` | VBoxContainer, HBoxContainer | The space between the lines of player pictures on a song, and between the pictures |
| `ShortcutRowDark` | PanelContainer | Every other row in the shortcuts popup |
| `ListRowEven`, `ListRowOdd` | PanelContainer | Alternating rows in the inspiration, sync and statistics song lists |
| `ListRowHover` | PanelContainer | A row in the statistics song list under the mouse |
themes/main_theme.tres
+60 -7
View File
@@ -311,7 +311,15 @@ corner_radius_bottom_right = 4
corner_radius_bottom_left = 4
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_33f1l"]
content_margin_left = 6.0
content_margin_top = 6.0
content_margin_right = 6.0
content_margin_bottom = 6.0
bg_color = Color(0.257813, 0.257813, 0.257813, 1)
corner_radius_top_left = 6
corner_radius_top_right = 6
corner_radius_bottom_right = 6
corner_radius_bottom_left = 6
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_wbnll"]
content_margin_left = 8.0
@@ -581,13 +589,50 @@ corner_radius_bottom_left = 3
corner_detail = 5
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_oxgwg"]
bg_color = Color(0.180392, 0.180392, 0.180392, 1)
content_margin_left = 8.0
content_margin_top = 4.0
content_margin_right = 8.0
content_margin_bottom = 4.0
bg_color = Color(1, 1, 1, 0.05)
corner_radius_top_left = 4
corner_radius_top_right = 4
corner_radius_bottom_right = 4
corner_radius_bottom_left = 4
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_r1nnu"]
bg_color = Color(0.180392, 0.180392, 0.180392, 1)
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_songrowodd"]
content_margin_left = 8.0
content_margin_top = 4.0
content_margin_right = 8.0
content_margin_bottom = 4.0
bg_color = Color(1, 1, 1, 0.11)
corner_radius_top_left = 4
corner_radius_top_right = 4
corner_radius_bottom_right = 4
corner_radius_bottom_left = 4
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_lkqs8"]
bg_color = Color(0.180392, 0.180392, 0.180392, 1)
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_songrowhover"]
content_margin_left = 8.0
content_margin_top = 4.0
content_margin_right = 8.0
content_margin_bottom = 4.0
bg_color = Color(1, 1, 1, 0.2)
corner_radius_top_left = 4
corner_radius_top_right = 4
corner_radius_bottom_right = 4
corner_radius_bottom_left = 4
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_songrowplaying"]
content_margin_left = 8.0
content_margin_top = 4.0
content_margin_right = 8.0
content_margin_bottom = 4.0
bg_color = Color(1, 0.5, 0, 0.12)
border_width_left = 4
border_color = Color(1, 0.5, 0, 1)
corner_radius_top_left = 4
corner_radius_top_right = 4
corner_radius_bottom_right = 4
corner_radius_bottom_left = 4
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_1tv07"]
content_margin_left = 4.0
@@ -955,13 +1000,21 @@ ShortcutRowDark/base_type = &"PanelContainer"
ShortcutRowDark/styles/panel = SubResource("StyleBoxFlat_anjdx")
SongRow/base_type = &"PanelContainer"
SongRow/styles/panel = SubResource("StyleBoxFlat_oxgwg")
SongRowHover/base_type = &"PanelContainer"
SongRowHover/styles/panel = SubResource("StyleBoxFlat_songrowhover")
SongRowLabel/base_type = &"Label"
SongRowLabel/font_sizes/font_size = 20
SongRowLabel/styles/normal = SubResource("StyleBoxFlat_r1nnu")
SongRowLabelPlaying/base_type = &"Label"
SongRowLabelPlaying/colors/font_color = Color(1, 0.5, 0, 1)
SongRowLabelPlaying/font_sizes/font_size = 20
SongRowLabelPlaying/styles/normal = SubResource("StyleBoxFlat_lkqs8")
SongRowOdd/base_type = &"PanelContainer"
SongRowOdd/styles/panel = SubResource("StyleBoxFlat_songrowodd")
SongRowPictureLine/base_type = &"HBoxContainer"
SongRowPictureLine/constants/separation = 4
SongRowPictureLines/base_type = &"VBoxContainer"
SongRowPictureLines/constants/separation = 4
SongRowPlaying/base_type = &"PanelContainer"
SongRowPlaying/styles/panel = SubResource("StyleBoxFlat_songrowplaying")
SongStatsHeader/base_type = &"PanelContainer"
SongStatsHeader/styles/panel = SubResource("StyleBoxEmpty_songstatsheader")
SongStatsSecondary/base_type = &"RichTextLabel"