farabi/webrel 806/translation and ui issue (binary-com#9454)

* fix: alignment issue on different languages * fix: change word break from all to word * fix: truncated text for recent bots list
shafin-deriv · Jul 25, 2023 · 0553c82 · 0553c82
1 parent 7684e2c
commit 0553c82
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/packages/bot-web-ui/src/components/dashboard/dashboard-component/index.scss b/packages/bot-web-ui/src/components/dashboard/dashboard-component/index.scss
@@ -4,6 +4,16 @@
     align-items: center;
 }
 
+@mixin recent-list-properties {
+    display: -webkit-box;
+    max-width: 90%;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+}
+
 .bot-dashboard {
     position: relative;
     height: calc(100vh - 8.4rem);
@@ -480,14 +490,9 @@
                     font-size: var(--text-size-xs);
                 }
 
-                &__recent-item-text {
-                    display: -webkit-box;
-                    max-width: 90%;
-                    -webkit-line-clamp: 1;
-                    -webkit-box-orient: vertical;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    word-break: break-all;
+                &__recent-item-text,
+                &__recent-item-saved {
+                    @include recent-list-properties;
                 }
             }
         }

diff --git a/packages/bot-web-ui/src/components/dashboard/dashboard-component/load-bot-preview/index.scss b/packages/bot-web-ui/src/components/dashboard/dashboard-component/load-bot-preview/index.scss
@@ -283,7 +283,6 @@
                 @include mobile {
                     width: unset;
                     font-size: var(--text-size-xxs);
-                    white-space: nowrap;
                 }
             }
 
@@ -438,7 +437,8 @@
             }
 
             span {
-                padding-right: 1.5rem;
+                padding-right: 1.6rem;
+                word-break: break-word;
             }
         }
     }