Fix word wrap for names

ome · Aug 22, 2024 · ad846e5 · ad846e5
1 parent 7cd445c
commit ad846e5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/omeroweb/webclient/static/webclient/css/layout.css b/omeroweb/webclient/static/webclient/css/layout.css
@@ -672,13 +672,15 @@
 			width:85%;
 			display:inline-block;
 			padding:5px 0;
+            word-wrap: break-word;
 	    }
 
 	        .data_heading span {
 	            display:inline-block;
 	            line-height:1.2em;
 	            float:left;
 	            overflow:hidden;
+                width: 100%;
 	        }
 
 	            .data_heading img {

diff --git a/omeroweb/webclient/templates/webclient/annotations/includes/name.html b/omeroweb/webclient/templates/webclient/annotations/includes/name.html
@@ -26,7 +26,7 @@
     <div class="data_heading" id="{{ manager.obj_type }}name-{{ manager.obj_id }}">
         <div>
             <h1>
-                <span id="{{ manager.obj_type }}name-{{ manager.obj_id }}-name" style="word-wrap: break-word;">
+                <span id="{{ manager.obj_type }}name-{{ manager.obj_id }}-name">
                     {{ nameText|escape }}
                 </span>
             </h1>
@@ -37,7 +37,7 @@ <h1>
     </div>
 {% else %}
     <div class="data_heading">
-      <h1 style="word-wrap: break-word;">{{ nameText|escape }}</h1>
+      <h1>{{ nameText|escape }}</h1>
     </div>
 {% endif %}