[web] Various CSS fixes

2023-11-22 17:08:21 +01:00 · 2023-11-22 17:08:21 +01:00 · 47ad03b775
parent bb6799eeb2
commit 47ad03b775
1 changed files with 1 additions and 0 deletions
--- a/web-src/src/components/LyricsPane.vue
+++ b/web-src/src/components/LyricsPane.vue
@ -173,6 +173,7 @@ export default {
  left: calc(50% - 50vw);
  width: 100vw;
  height: calc(100vh - 26rem);
+  max-height: min(100% - 8rem, 100vh - 26rem + 3.5rem); /* When the art picture underneath is in portrait rather than landscape, we have to clip the area to the picture height */
  position: absolute;
  overflow: auto;
  --mask: linear-gradient(