Petar.petkovic has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/396309 )
Change subject: Break overflowing words
......................................................................
Break overflowing words
- Don't allow long titles to overlap with UI action elements on
mobile screen sizes.
Bug: T179148
Change-Id: I40897098adbadaf78cf1f733b3c04e92b6c91d46
---
M modules/dashboard/styles/ext.cx.suggestionlist.less
M modules/dashboard/styles/ext.cx.translationlist.less
M modules/widgets/common/ext.cx.common.less
3 files changed, 18 insertions(+), 0 deletions(-)
git pull
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation
refs/changes/09/396309/1
diff --git a/modules/dashboard/styles/ext.cx.suggestionlist.less
b/modules/dashboard/styles/ext.cx.suggestionlist.less
index c33ff27..3e5f4c9 100644
--- a/modules/dashboard/styles/ext.cx.suggestionlist.less
+++ b/modules/dashboard/styles/ext.cx.suggestionlist.less
@@ -156,6 +156,7 @@
cursor: pointer;
.source-title {
+ .break-overflowing-word;
color: @gray-darker;
}
}
diff --git a/modules/dashboard/styles/ext.cx.translationlist.less
b/modules/dashboard/styles/ext.cx.translationlist.less
index 5db88da..40631df 100644
--- a/modules/dashboard/styles/ext.cx.translationlist.less
+++ b/modules/dashboard/styles/ext.cx.translationlist.less
@@ -134,10 +134,13 @@
.target-title {
color: @colorGray7;
display: inline-block;
+ max-width: 100%;
}
.source-title,
.target-title {
+ .break-overflowing-word;
+
// This needs to be "isolate" and not "embed",
// because both titles can be in the same
direction
unicode-bidi: -moz-isolate;
diff --git a/modules/widgets/common/ext.cx.common.less
b/modules/widgets/common/ext.cx.common.less
index 38f5467..f104be1 100644
--- a/modules/widgets/common/ext.cx.common.less
+++ b/modules/widgets/common/ext.cx.common.less
@@ -106,3 +106,17 @@
margin: 0 auto;
}
}
+
+.break-overflowing-word {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+}
+
+.hyphenate {
+ .break-overflowing-word;
+
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+}
--
To view, visit https://gerrit.wikimedia.org/r/396309
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I40897098adbadaf78cf1f733b3c04e92b6c91d46
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/ContentTranslation
Gerrit-Branch: master
Gerrit-Owner: Petar.petkovic <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
