Commit Graph

36 Commits

Author SHA1 Message Date
X-Ryl669
ee1bd1ebda [web] Cosmetic changes for the lyrics pane. Also changed the current lyric playing model against the text wrap bug on smaller screen. 2023-11-17 20:07:07 +01:00
ejurgensen
a9e20abf06 Revert "[web] Add lyrics player to the webinterface"
This reverts commit 98a844b409.
2023-10-21 22:41:45 +02:00
X-Ryl669
98a844b409 [web] Add lyrics player to the webinterface
Update icons.js
Add icons in alphabetical order.
Change comment to remove reference to external website
Remove extra line feeds

Co-Authored-by: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
2023-10-19 23:49:53 +02:00
Alain Nussbaumer
d7d3a0767d [web] Correct the use of Bulma variables in the CSS
The variables for colors are now correctly referenced in the CSS.
2023-10-08 10:47:26 +02:00
Alain Nussbaumer
60015e1da2 [web] Provide similar style between podcast, audiobook, and album pages
The podcast page is now similar to the audiobook or album pages. Thus, making the UI a bit more coherent.
2023-07-26 16:12:21 +02:00
Alain Nussbaumer
7f38c4fa87 [web] Fix the missing bottom margin on pages with tabs 2023-07-26 06:37:33 +02:00
Alain Nussbaumer
d38236fb37 [web] Simplify CSS 2023-07-25 14:40:18 +02:00
Alain Nussbaumer
5c573f7138 [web] Fix display of artists having a very long name
Artists with very long names do not overlap the rest of the UI.
2023-07-09 00:25:06 +02:00
Alain Nussbaumer
332a57040e [web] Fix the centering of the player buttons
The buttons of the player are not centered.
2023-07-07 13:26:19 +02:00
Alain Nussbaumer
ae2a789c22 [web] Remove custom CSS styles in favour of standard Bulma styles.
In order to reduce maintenance efforts, custom styles are removed whenever possible.
2023-07-07 13:26:19 +02:00
Alain Nussbaumer
60f1c84a21 [web] Replace custom CSS styles with standard Bulma styles
Standard Bulma styles are now used over custom styles.
2023-07-01 09:48:38 +02:00
Alain Nussbaumer
523f88cc0b [web] Change cursor visuals when no operation is allowed on slider
The default cursor of the browser is now overridden by another icon from Material Design Icons.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
9556548fc7 [web] Fix the size of the slider handle
The slider handle is now the same size as it was initially. Moreover, it gets bigger on mobile.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
09a4b0d6f7 [web] Reduce the size of sliders
While keeping the ability to reach easily sliders, their visual size has been reduce to make them less bulky.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
0ec390907d [web] Use default Bulma styles instead of custom ones
In the context of sliders - specifically the volume control - Bulma styles have been used instead of custom styles for an easier maintainability.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
9180710953 [web] Remove unused CSS class
Cleanup of the CSS styles.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
b01ebf6503 [web] Fix cursor icon when slider is not active
When the slider is not active, the cursor changes to show that the control is not usable.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
979e60630e [web] Fix spacing of pages due to changes in the Now Playing Page
The top and bottom spacing for all the pages have been streamlined. Moreover, CSS styles have been reduced.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
181a0f171d [web] Make slider handle bigger on mobile devices
The handle of sliders - volume and progress - is now better reachable on mobile devices
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
395dd0e3d4 [web] Make a bigger hit box for the slider
The sliders can now be grabbed more easily.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
eeb4d328c8 [web] Improve user interaction with sliders for output volume and music progress bar #1620
The sliders for output volume and the music slider have been optimised and simplified (one library less) to ensure easier user interaction.
2023-06-29 22:52:21 +02:00
Alain Nussbaumer
7f1febe9e1 [web] Replace custom styles with standard Bulma styles
Wherever possible, out of the box Bulma styles are now used instead of custom defined ones.
2023-06-11 08:44:45 +02:00
Alain Nussbaumer
6bb5578c3a [web] Use of Bulma color variables wherever possible
Avoid hard coded colors in the style sheet by using Bulma variables.
2023-06-11 08:32:52 +02:00
Alain Nussbaumer
36d76d7e3e [web] Fix for elongated cover artworks being distorted
Elongated cover artworks were distorted when displayed on album lists.
2023-06-11 08:27:45 +02:00
Alain Nussbaumer
bbe29a7a63 [web] Fix icon when track is not playable
Spotify tracks that are not playable have now a "not allowed" cursor when hovered.
Moreover, the Bulma CSS class is now used for clickable items instead of a custom one.
2023-06-10 19:22:29 +02:00
Alain Nussbaumer
3a1cc63e8f [web] Fix cover artwork display on different pages #1506
On some pages, the cover artwork was overlapping or not displayed properly. Moreover, the use of the component CoverArtwork has been generalised.
2023-06-07 18:55:44 +02:00
chme
3a0203855f [web-src] Increase bottom margin for all pages 2022-04-08 17:53:16 +02:00
chme
27e2274d8a [web] Refactor lists to improve performance
Reduces the number of Vue components that need to be created/managed.
Instead of a Vue component for each item, we now only have one Vue
component for the whole list of items.
2022-03-19 07:04:37 +01:00
chme
c78f861f45 [web] Format web sources with prettier and run fix linting errors 2022-03-19 07:04:37 +01:00
chme
de097fcf94 [web] Migration to Vue 3 and Vite 2022-03-19 07:04:37 +01:00
chme
1aa401f024 [web-src] Fix cover artwork shadow clipped off 2020-10-18 09:44:59 +02:00
chme
efb647d013 [web-src] Artists/albums list sort + filter 2020-10-11 07:53:52 +02:00
chme
8bc3fcd109 [web-src] Refine hide/show index lists 2020-10-11 07:53:52 +02:00
chme
2019e88bb3 [web-src] Tweak spacing in album page 2020-06-30 08:28:33 +02:00
chme
5e33b2a612 [web-src] Fix overly not covering whole screen for navbar dialogs 2020-06-30 08:28:32 +02:00
chme
d2b5e82837 [web-src] Show album cover artwork in album page 2020-06-30 08:28:32 +02:00