Fixed overflow issues
authorMarcel Werk <burntime@woltlab.com>
Wed, 7 Aug 2013 14:30:23 +0000 (16:30 +0200)
committerMarcel Werk <burntime@woltlab.com>
Wed, 7 Aug 2013 14:30:23 +0000 (16:30 +0200)
wcfsetup/install/files/style/attachment.less
wcfsetup/install/files/style/button.less
wcfsetup/install/files/style/dropdown.less
wcfsetup/install/files/style/form.less
wcfsetup/install/files/style/global.less
wcfsetup/install/files/style/layout.less
wcfsetup/install/files/style/message.less

index c58c047cb021326703ace21c321c831a6be7177b..b4e984ebf58dedeef682492809a6c95f34f1cd96 100644 (file)
@@ -63,6 +63,7 @@
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
+                       word-wrap: normal;
                }
                
                > small {
index fdeb1a32a834a95a34e6489512031cb5762024d2..2b1ee736d2f2cf40703ceb604a49867328adedc6 100644 (file)
@@ -208,6 +208,7 @@ button.active:hover {
                                        text-overflow: ellipsis;
                                        width: 124px;
                                        white-space: nowrap;
+                                       word-wrap: normal;
                                        
                                        > span.invisible {
                                                display: inline;
index 70703fc9b3d57b5c7da66e82eb7410cb5d7631df..85acc4f7a07d47e9d2a6e3e4c86cbd611a2ce7b3 100644 (file)
@@ -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";
                        text-decoration: none;
                        text-overflow: ellipsis;
                        white-space: nowrap;
+                       word-wrap: normal;
                        
                        .textShadow(@wcfDropdownBackgroundColor);
                        
index e2e45fc2e582fde0d6e7056b09bd8bdeadf7fb85..23f90942f3d8ac87a074ad3c592276b40e67c7aa 100644 (file)
@@ -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;
index 70105f32aadb8d4c99d58805a868b8c71c1b61c6..e7441b8fc8b304b5d6ae2a662c534e24f39691fa 100644 (file)
@@ -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;
index 2128da49f0fffbc8ab400dac97a5ccf50472b7f3..a77b4dbf123c8346a8c39a77022f0cd5ec971300 100644 (file)
                        font-weight: normal;
                        text-shadow: none;
                        font-size: 75%;
+                       white-space: nowrap;
+                       word-wrap: normal;
                }
                
                > .badge {
                > div {
                        overflow: hidden;
                        white-space: nowrap;
+                       word-wrap: normal;
                }
        }
 }
                                text-decoration: none;
                                text-overflow: ellipsis;
                                white-space: nowrap;
+                               word-wrap: normal;
                                
                                .textShadow(@wcfContentBackgroundColor);
                        }
                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 {
                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));
                        text-align: center;
                        width: 1px !important;
                        white-space: nowrap;
+                       word-wrap: normal;
                }
                
                &.columnDigits,
                        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 {
                        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);
                        
index 8f0afb9ee501ed52024cd3db1fae465d9b3eb65e..50f8349945eb428d2ce3ecef21736b7e03b18704 100644 (file)
        
        .columnLastPost {
                white-space: nowrap;
+               word-wrap: normal;
                
                > div > div > small {
                        color: @wcfDimmedColor;