having scroll bar on extra long word

zanata · Jun 20, 2012 · 5023990 · 5023990
1 parent 9c5dbc2
commit 5023990
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/zanata-war/src/main/java/org/zanata/webtrans/client/editor/table/TargetContentsView.ui.xml b/zanata-war/src/main/java/org/zanata/webtrans/client/editor/table/TargetContentsView.ui.xml
@@ -9,7 +9,13 @@
     <ui:with field="messages" type="org.zanata.webtrans.client.resources.NavigationMessages" />
     <ui:with field="images" type="org.zanata.webtrans.client.editor.table.TableResources" />
 
-    <g:VerticalPanel width="100%">
+    <ui:style>
+        .targetContentsCell {
+            table-layout: fixed;
+        }
+    </ui:style>
+
+    <g:VerticalPanel width="100%" addStyleNames="{style.targetContentsCell}">
         <g:cell verticalAlignment="ALIGN_TOP">
             <g:Grid ui:field="editorGrid" />
         </g:cell>

diff --git a/zanata-war/src/main/resources/org/zanata/webtrans/public/Application.css b/zanata-war/src/main/resources/org/zanata/webtrans/public/Application.css
@@ -287,27 +287,31 @@ td.TableEditorCell-Target {
 	word-break: break-all;
 }
 
-/*@-moz-document {
+/* below is a hack to allow firefox display extra long word properly */
+@-moz-document {
 {}
-	table.TableEditorCell-Source-Table { 
+    table.TableEditor {
+        table-layout : fixed;
+    }
+	table.TableEditorCell-Source-Table {
 		overflow-x:auto;
 		display: block;
-		width: 100%;
 	}
 	table.TableEditorCell-Target-Table {
 		overflow-x: auto;
 		display: block;
 	}
 	div.TransUnitDetail-Wrapper {
-		width: 450px;
-	}
-}*/
+	    width: 450px;
+    }
+}
 
 .TableEditorCell-Source-Table {
 	width: 100%;
 }
 
 .TableEditorCell-Target-Table {
+    width: 100%;
 }
 
 .TransUnitDetail-Wrapper {