Limit contest entry name display length

ppy · Feb 14, 2025 · 0138179 · 0138179
1 parent b9c4a62
commit 0138179
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/resources/css/bem/contest-art-entry.less b/resources/css/bem/contest-art-entry.less
@@ -4,8 +4,6 @@
 .contest-art-entry {
   @_top: contest-art-entry;
 
-  margin: 10px;
-  transform: translateZ(0);
   --thumbnail-border-colour: transparent;
   --thumbnail-height-multiplier: 1;
   --thumbnail-scale: 1;
@@ -14,6 +12,12 @@
   --trophy-colour: chocolate;
   --vote-link-banner-bg: hsl(var(--hsl-b2));
   --vote-link-banner-scale: 1;
+  margin: 10px;
+  transform: translateZ(0);
+  width: calc(
+    var(--thumbnail-size) * var(--thumbnail-scale) *
+      var(--thumbnail-width-multiplier)
+  );
 
   &--placed-1 {
     --thumbnail-scale: 1;
@@ -71,6 +75,10 @@
     text-align: center;
   }
 
+  &__result-name {
+    display: block;
+  }
+
   &__result-place {
     padding-right: 5px;
 
@@ -92,10 +100,7 @@
   }
 
   &__thumbnail {
-    width: calc(
-      var(--thumbnail-size) * var(--thumbnail-scale) *
-        var(--thumbnail-width-multiplier)
-    );
+    width: 100%;
     height: calc(
       var(--thumbnail-size) * var(--thumbnail-scale) *
         var(--thumbnail-height-multiplier)

diff --git a/resources/js/contest-voting/art-entry.coffee b/resources/js/contest-voting/art-entry.coffee
@@ -76,6 +76,7 @@ export class ArtEntry extends React.Component
         div className: "#{bn}__result",
           if showName
             a
+              className: "#{bn}__result-name u-ellipsis-overflow"
               href: @props.entry.preview
               rel: 'nofollow noreferrer'
               target: '_blank'