Twenty Ten and Eleven: more elegant fix for long word overflow in sidebars. Also improves image resizing for images in widgets in Twenty Ten. Props obenland, fixes #21151; see #21503 also.

git-svn-id: http://core.svn.wordpress.org/trunk@22195 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2012-10-11 20:02:33 +00:00
parent 36c9df6f16
commit c4368c8a23
2 changed files with 13 additions and 1 deletions

View File

@ -1752,6 +1752,10 @@ section.recent-posts .other-recent-posts li:after {
font-size: 12px; font-size: 12px;
} }
.widget { .widget {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
clear: both; clear: both;
margin: 0 0 2.2em; margin: 0 0 2.2em;
} }

View File

@ -784,7 +784,8 @@ img.size-auto,
img.size-full, img.size-full,
img.size-large, img.size-large,
img.size-medium, img.size-medium,
.attachment img { .attachment img,
.widget-container img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */ max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */ height: auto; /* Override height to match resized width for correct aspect ratio. */
} }
@ -1132,8 +1133,15 @@ h3#reply-title {
display: none; display: none;
} }
.widget-container { .widget-container {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin: 0 0 18px 0; margin: 0 0 18px 0;
} }
.widget-container .wp-caption img {
margin: auto;
}
.widget-title { .widget-title {
color: #222; color: #222;
font-weight: bold; font-weight: bold;