From 18005b5ffcd695cd65fd9c8fbf02c0af28ca7256 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Wed, 7 Aug 2013 16:30:23 +0200 Subject: [PATCH] Fixed overflow issues --- wcfsetup/install/files/style/attachment.less | 1 + wcfsetup/install/files/style/button.less | 1 + wcfsetup/install/files/style/dropdown.less | 3 +++ wcfsetup/install/files/style/form.less | 1 + wcfsetup/install/files/style/global.less | 13 ++++++++++++ wcfsetup/install/files/style/layout.less | 22 +++++++++++++------- wcfsetup/install/files/style/message.less | 1 + 7 files changed, 34 insertions(+), 8 deletions(-) diff --git a/wcfsetup/install/files/style/attachment.less b/wcfsetup/install/files/style/attachment.less index c58c047cb0..b4e984ebf5 100644 --- a/wcfsetup/install/files/style/attachment.less +++ b/wcfsetup/install/files/style/attachment.less @@ -63,6 +63,7 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + word-wrap: normal; } > small { diff --git a/wcfsetup/install/files/style/button.less b/wcfsetup/install/files/style/button.less index fdeb1a32a8..2b1ee736d2 100644 --- a/wcfsetup/install/files/style/button.less +++ b/wcfsetup/install/files/style/button.less @@ -208,6 +208,7 @@ button.active:hover { text-overflow: ellipsis; width: 124px; white-space: nowrap; + word-wrap: normal; > span.invisible { display: inline; diff --git a/wcfsetup/install/files/style/dropdown.less b/wcfsetup/install/files/style/dropdown.less index 70703fc9b3..85acc4f7a0 100644 --- a/wcfsetup/install/files/style/dropdown.less +++ b/wcfsetup/install/files/style/dropdown.less @@ -38,6 +38,7 @@ margin-right: -1px; padding-left: @wcfGapTiny; white-space: nowrap; + word-wrap: normal; &.active:after { content: "\f0d7"; @@ -64,6 +65,7 @@ span { white-space: nowrap; + word-wrap: normal; &.active:after { content: "\f0d7"; @@ -179,6 +181,7 @@ text-decoration: none; text-overflow: ellipsis; white-space: nowrap; + word-wrap: normal; .textShadow(@wcfDropdownBackgroundColor); diff --git a/wcfsetup/install/files/style/form.less b/wcfsetup/install/files/style/form.less index e2e45fc2e5..23f90942f3 100644 --- a/wcfsetup/install/files/style/form.less +++ b/wcfsetup/install/files/style/form.less @@ -57,6 +57,7 @@ dl:not(.plain) { text-align: left; white-space: nowrap; width: auto; + word-wrap: normal; ~ dd > input[type='checkbox'], ~ dd > input[type='radio'] { margin-left: 0; diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less index 70105f32aa..e7441b8fc8 100644 --- a/wcfsetup/install/files/style/global.less +++ b/wcfsetup/install/files/style/global.less @@ -154,6 +154,18 @@ body > iframe[src="about:blank"] { -webkit-filter: grayscale(1); } +/* fixes fieldset overflow issues */ +/* webkit */ +fieldset { + min-width: 0; +} +/* firefox */ +@-moz-document url-prefix() { + fieldset { + display: table-column; + } +} + /* balloon tooltips */ .balloonTooltip { background-color: @wcfTooltipBackgroundColor; @@ -261,6 +273,7 @@ body > iframe[src="about:blank"] { text-shadow: none !important; /* necessary to avoid ugly text shadows in comment lists; @todo: better solution without "!important" */ vertical-align: middle; white-space: nowrap; + word-wrap: normal; &.label { border-radius: 4px; diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less index 2128da49f0..a77b4dbf12 100644 --- a/wcfsetup/install/files/style/layout.less +++ b/wcfsetup/install/files/style/layout.less @@ -900,6 +900,8 @@ font-weight: normal; text-shadow: none; font-size: 75%; + white-space: nowrap; + word-wrap: normal; } > .badge { @@ -1140,6 +1142,7 @@ > div { overflow: hidden; white-space: nowrap; + word-wrap: normal; } } } @@ -1235,6 +1238,7 @@ text-decoration: none; text-overflow: ellipsis; white-space: nowrap; + word-wrap: normal; .textShadow(@wcfContentBackgroundColor); } @@ -1322,13 +1326,13 @@ padding: 0 5px 3px 5px; position: relative; white-space: nowrap; + word-wrap: normal; .textShadow(@wcfContainerBackgroundColor); > li { display: inline-block; outline: 0; - white-space: nowrap; &.ui-state-active { > a { @@ -1567,6 +1571,7 @@ font-size: @wcfSmallFontSize; font-weight: bold; white-space: nowrap; + word-wrap: normal; .textShadow(@wcfTabularBoxBackgroundColor); .linearGradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); @@ -1640,6 +1645,7 @@ text-align: center; width: 1px !important; white-space: nowrap; + word-wrap: normal; } &.columnDigits, @@ -1647,12 +1653,14 @@ text-align: right; width: 1px !important; white-space: nowrap; + word-wrap: normal; } &.columnIcon { text-align: left; width: 1px !important; white-space: nowrap; + word-wrap: normal; } &.columnTitle { @@ -1672,6 +1680,7 @@ text-align: right; width: 1px !important; white-space: nowrap; + word-wrap: normal; } &.columnURL, &.columnSmallText { @@ -1760,6 +1769,7 @@ dl.statsDataList { text-align: left; white-space: nowrap; width: 62%; + word-wrap: normal; > a { color: @wcfDimmedColor; @@ -1777,6 +1787,7 @@ dl.statsDataList { text-overflow: ellipsis; white-space: nowrap; width: 35%; + word-wrap: normal; > a { color: @wcfColor; @@ -1822,6 +1833,7 @@ dl.dataList { text-overflow: ellipsis; white-space: nowrap; width: 35%; + word-wrap: normal; } dd { @@ -2043,13 +2055,6 @@ ul.inlineDataList { } } } - - > div, - > ul, - > ol, - > dl { - width: 300px - @wcfGapMedium * 2; - } } .sidebarBoxList > li:not(:last-child) { @@ -2066,6 +2071,7 @@ ul.inlineDataList { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + word-wrap: normal; .textShadow(@wcfSidebarBackgroundColor); diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less index 8f0afb9ee5..50f8349945 100644 --- a/wcfsetup/install/files/style/message.less +++ b/wcfsetup/install/files/style/message.less @@ -118,6 +118,7 @@ .columnLastPost { white-space: nowrap; + word-wrap: normal; > div > div > small { color: @wcfDimmedColor; -- 2.20.1