Merge pull request galaxyproject#18306 from itisAliRH/modal-title-bre…

…ak-word [24.1] Fix word bleeding in modals, sharing page and history rename
bgruening · Jun 6, 2024 · 657ff96 · 657ff96
2 parents fcc5eb5 + 4eed454
commit 657ff96
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/client/src/components/Common/Heading.vue b/client/src/components/Common/Heading.vue
@@ -96,6 +96,10 @@ const element = computed(() => {
 <style lang="scss" scoped>
 @import "scss/theme/blue.scss";
 
+.heading {
+    word-break: break-all;
+}
+
 .heading:deep(svg) {
     font-size: 0.75em;
 }

diff --git a/client/src/components/Form/_form-elements.scss b/client/src/components/Form/_form-elements.scss
@@ -11,6 +11,10 @@
         word-wrap: break-word;
         font-weight: bold;
 
+        .ui-form-title-text {
+            word-break: break-all;
+        }
+
         .ui-form-title-message {
             font-size: $font-size-base * 0.7;
             font-weight: 300;

diff --git a/client/src/components/Sharing/EditableUrl.vue b/client/src/components/Sharing/EditableUrl.vue
@@ -103,11 +103,9 @@ function onCopyOut() {
 @import "theme/blue.scss";
 
 .editable-url {
-    height: 1.5rem;
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
+    word-break: break-all;
 }
+
 .inline-icon-button:disabled:hover {
     background-color: $brand-secondary;
     color: unset;

diff --git a/client/src/style/scss/overrides.scss b/client/src/style/scss/overrides.scss
@@ -99,6 +99,10 @@ button {
     overflow: auto;
 }
 
+.modal-title {
+    word-break: break-all;
+}
+
 // Tabs -- border color is hardcoded in navs.scss, change to $btnBorder here
 
 .nav-tabs {