Minor frontend fix for long object names

yeicor-3d · Apr 3, 2024 · ba05a80 · ba05a80
1 parent 27f540b
commit ba05a80
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/frontend/models/Model.vue b/frontend/models/Model.vue
@@ -444,11 +444,12 @@ if (props.viewer) onViewerReady(props.viewer); else watch((() => props.viewer) a
 }
 
 .model-name {
-  width: 130px;
-  min-height: 1.15em; /* HACK: Avoid eating the bottom of the text when using 1 line */
-  max-height: 2em;
+  width: 179px;
+  font-size: 110%;
+  overflow-x: clip;
+  overflow-y: visible; /* HACK: bottom of text is lost otherwise (due to buggy -webkit-box bounds?) */
+  word-wrap: break-word;
   text-overflow: ellipsis;
-  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* https://caniuse.com/?search=line-clamp */
   -webkit-box-orient: vertical;