From 98b2153394d074b3460f7ad7650064f9b6562a2a Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Wed, 17 Apr 2024 17:22:37 +0200
Subject: [PATCH] Issue #3440959 by Sandeep Sanwale, Gauravvvv, sourojeetpaul,
smustgrave: Close icon is ovrlapping the title text in modal in claro
---
core/themes/claro/css/base/elements.css | 3 +++
core/themes/claro/css/base/elements.pcss.css | 2 ++
core/themes/claro/css/components/details.css | 3 ---
core/themes/claro/css/components/details.pcss.css | 2 --
core/themes/claro/css/components/form--managed-file.css | 2 --
core/themes/claro/css/components/form--managed-file.pcss.css | 1 -
core/themes/claro/css/components/vertical-tabs.css | 3 ---
core/themes/claro/css/components/vertical-tabs.pcss.css | 2 --
core/themes/claro/css/theme/media-library.css | 3 ---
core/themes/claro/css/theme/media-library.pcss.css | 2 --
10 files changed, 5 insertions(+), 18 deletions(-)
diff --git a/core/themes/claro/css/base/elements.css b/core/themes/claro/css/base/elements.css
index 37aebdb252bf..a8b3195592bf 100644
--- a/core/themes/claro/css/base/elements.css
+++ b/core/themes/claro/css/base/elements.css
@@ -18,6 +18,9 @@ html {
}
body {
+ word-wrap: break-word;
+ -webkit-hyphens: auto;
+ hyphens: auto;
color: var(--color-fg);
background: var(--color-bg);
}
diff --git a/core/themes/claro/css/base/elements.pcss.css b/core/themes/claro/css/base/elements.pcss.css
index a6e8c111046c..5b3631a95719 100644
--- a/core/themes/claro/css/base/elements.pcss.css
+++ b/core/themes/claro/css/base/elements.pcss.css
@@ -10,6 +10,8 @@ html {
line-height: var(--line-height);
}
body {
+ word-wrap: break-word;
+ hyphens: auto;
color: var(--color-fg);
background: var(--color-bg);
}
diff --git a/core/themes/claro/css/components/details.css b/core/themes/claro/css/components/details.css
index 4fee11a9bf1e..d5a34caee31d 100644
--- a/core/themes/claro/css/components/details.css
+++ b/core/themes/claro/css/components/details.css
@@ -92,9 +92,6 @@ td .claro-details {
list-style: none;
cursor: pointer;
transition: background-color var(--details-bg-color-transition-duration) ease-in-out;
- word-wrap: break-word;
- -webkit-hyphens: auto;
- hyphens: auto;
color: var(--color-gray-800);
border-radius: var(--size-summary-border-radius);
background-color: transparent;
diff --git a/core/themes/claro/css/components/details.pcss.css b/core/themes/claro/css/components/details.pcss.css
index 09f0b63f43c1..9a9703eb51b6 100644
--- a/core/themes/claro/css/components/details.pcss.css
+++ b/core/themes/claro/css/components/details.pcss.css
@@ -84,8 +84,6 @@
list-style: none;
cursor: pointer;
transition: background-color var(--details-bg-color-transition-duration) ease-in-out;
- word-wrap: break-word;
- hyphens: auto;
color: var(--color-gray-800);
border-radius: var(--size-summary-border-radius);
background-color: transparent;
diff --git a/core/themes/claro/css/components/form--managed-file.css b/core/themes/claro/css/components/form--managed-file.css
index 867cf2f00f75..647ee0806fb5 100644
--- a/core/themes/claro/css/components/form--managed-file.css
+++ b/core/themes/claro/css/components/form--managed-file.css
@@ -41,8 +41,6 @@
.form-managed-file .file {
word-break: break-all;
- -webkit-hyphens: auto;
- hyphens: auto;
}
.form-managed-file .file__size {
diff --git a/core/themes/claro/css/components/form--managed-file.pcss.css b/core/themes/claro/css/components/form--managed-file.pcss.css
index 49abe9ca3449..ecfcf4e9c6c6 100644
--- a/core/themes/claro/css/components/form--managed-file.pcss.css
+++ b/core/themes/claro/css/components/form--managed-file.pcss.css
@@ -33,7 +33,6 @@
*/
& .file {
word-break: break-all;
- hyphens: auto;
}
& .file__size {
word-break: normal;
diff --git a/core/themes/claro/css/components/vertical-tabs.css b/core/themes/claro/css/components/vertical-tabs.css
index 2fded23efd8d..8900d20cffa5 100644
--- a/core/themes/claro/css/components/vertical-tabs.css
+++ b/core/themes/claro/css/components/vertical-tabs.css
@@ -120,9 +120,6 @@
padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size));
-webkit-text-decoration: none;
text-decoration: none;
- word-wrap: break-word;
- -webkit-hyphens: auto;
- hyphens: auto;
color: var(--color-text);
border: var(--vertical-tabs-border-size) solid transparent;
border-block-width: var(--vertical-tabs-border-size);
diff --git a/core/themes/claro/css/components/vertical-tabs.pcss.css b/core/themes/claro/css/components/vertical-tabs.pcss.css
index fbc0002f8a31..ef09e440db84 100644
--- a/core/themes/claro/css/components/vertical-tabs.pcss.css
+++ b/core/themes/claro/css/components/vertical-tabs.pcss.css
@@ -103,8 +103,6 @@
margin-block-start: calc(var(--vertical-tabs-border-size) * -1);
padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size));
text-decoration: none;
- word-wrap: break-word;
- hyphens: auto;
color: var(--color-text);
border: var(--vertical-tabs-border-size) solid transparent;
border-block-width: var(--vertical-tabs-border-size);
diff --git a/core/themes/claro/css/theme/media-library.css b/core/themes/claro/css/theme/media-library.css
index 951f95d85f6e..e245869f56b7 100644
--- a/core/themes/claro/css/theme/media-library.css
+++ b/core/themes/claro/css/theme/media-library.css
@@ -73,9 +73,6 @@
padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); /* LTR */
-webkit-text-decoration: none;
text-decoration: none;
- word-wrap: break-word;
- -webkit-hyphens: auto;
- hyphens: auto;
color: var(--color-text);
border: var(--vertical-tabs-border-size) solid transparent;
border-width: var(--vertical-tabs-border-size) 0 var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size); /* LTR */
diff --git a/core/themes/claro/css/theme/media-library.pcss.css b/core/themes/claro/css/theme/media-library.pcss.css
index 318b4339b0ea..50d219b52bf3 100644
--- a/core/themes/claro/css/theme/media-library.pcss.css
+++ b/core/themes/claro/css/theme/media-library.pcss.css
@@ -62,8 +62,6 @@
margin-top: calc(var(--vertical-tabs-border-size) * -1);
padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); /* LTR */
text-decoration: none;
- word-wrap: break-word;
- hyphens: auto;
color: var(--color-text);
border: var(--vertical-tabs-border-size) solid transparent;
border-width: var(--vertical-tabs-border-size) 0 var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size); /* LTR */
--
GitLab