Commit Graph

55 Commits

Author SHA1 Message Date
Alain Nussbaumer
13ff8fdb8e [web] Fix color of delete tag button for the dark mode 2024-04-20 22:35:58 +02:00
Alain Nussbaumer
06a23ea29a [web] Check validity of URL 2024-03-28 15:45:39 +01:00
Alain Nussbaumer
3f4c6b2cf0 [web] Simplify styling 2024-03-05 13:25:07 +01:00
Alain Nussbaumer
9ffe5d7df8 [web] Remove unnecessary CSS style 2024-03-05 12:16:55 +01:00
Alain Nussbaumer
2319ca7cb8 [web] Add border for some buttons in dark mode 2024-03-02 09:53:38 +01:00
Alain Nussbaumer
408ac7e8c2 [web] Fix regression on hero header 2024-02-28 16:09:44 +01:00
Alain Nussbaumer
9385f20cc0 [web] Add dark mode to UI #1470 2024-02-26 21:14:36 +01:00
Alain Nussbaumer
b2ee4f3f19 [web] Use default Bulma progress bar styles 2023-12-08 21:09:14 +01:00
Alain Nussbaumer
7456d958ba [web] Use CSS Bluma variables whenever possible 2023-12-07 16:43:47 +01:00
Alain Nussbaumer
4332a43fb9 [web] Fix for full height not taking into account both navigation bars 2023-11-29 11:38:39 +01:00
Alain Nussbaumer
9c1639d7d7 [web] Simplify CSS styling 2023-11-29 01:27:48 +01:00
Alain Nussbaumer
58b06ee5ff [web] Replace hard-coded values with Bulma variables 2023-11-28 21:12:42 +01:00
Alain Nussbaumer
ed40b5361e [web] Fix the cover art being distorted #1689 2023-11-27 19:16:21 +01:00
Alain Nussbaumer
a828356e0e [web] Fix height of cover art, preventing seeking the audio 2023-11-26 21:58:15 +01:00
Alain Nussbaumer
f419869dfc [web] Fix a the lyrics pane overlapping the slider
When the track played has a composer or a long title, the slider is not covered by the lyrics pane anymore.
2023-11-25 16:38:50 +01:00
Alain Nussbaumer
f035a0ed3f [web] Format source code 2023-11-21 17:09:06 +01:00
X-Ryl669
3fc149339b [web] Ensure current lyric is centered 2023-11-21 16:48:24 +01:00
Alain Nussbaumer
d524a3e757 [web] Format source code 2023-11-21 15:26:13 +01:00
X-Ryl669
4574400ce2 [web] Fix pause blinking bug on lyrics pane 2023-11-17 20:48:22 +01:00
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