Merge pull request #3056 from metabrainz/LB-1693

LB-1693: Prevent overflow on entity pages titles
metabrainz · Dec 5, 2024 · 72192a7 · 72192a7
2 parents e39eb7e + cd2eebb
commit 72192a7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/frontend/css/entity-pages.less b/frontend/css/entity-pages.less
@@ -27,8 +27,12 @@
       flex-grow: 2;
       display: flex;
       flex-direction: column;
-      min-width: 200px;
-      max-height: 410px;
+      min-width: 15em;
+      max-height: 29em;
+      overflow: hidden;
+      > *:first-child {
+        line-height: 1em;
+      }
       .wikipedia-extract {
         margin-top: 2em;
         overflow: hidden;

diff --git a/frontend/js/src/album/AlbumPage.tsx b/frontend/js/src/album/AlbumPage.tsx
@@ -290,7 +290,7 @@ export default function AlbumPage(): JSX.Element {
         </div>
         <div className="artist-info">
           <h1>{album?.name}</h1>
-          <div className="details h3">
+          <div className="details h4">
             <div>
               {artist.artists.map((ar) => {
                 return (