Home Dashboard Directory Help

Feed back text does not always fit width by Berend Engelbrecht



Sign in
to vote
Type: Suggestion
ID: 798976
Opened: 8/30/2013 12:06:13 AM
Access Restriction: Public



In my development environment I use 4 screens, each 1280x1024px. If I maximize my browser to any of these screens, comments text in the Microsoft Connect site is not fully readable, see attached screen shot. The problem occurs in IE10, Chrome and Firefox.

Because the problem irritates me, I researched its cause. It appears to be a simple bug in the CSS of the site:
Stylesheet: https://connect.microsoft.com/styles/ConnectStylesLegacy.13.7.24542.08120.css
.workspace {
min-width: 958px;
.FeedbackDetailsTabPageOuterRegion {
padding: 10px;
width: 972px;
word-wrap: break-word;
overflow: hidden;

The div with class FeedbackDetailsTabPageOuterRegion lives inside this div, that again is inside a div with class workSpace:

div.ContentPaneWithinConnection {
float: left;
background-color: #FFFFFF;
border: solid 1px #989896;
padding: 10px 0.5% 10px 0.5%;
min-height: 200px;
width: 80.5%;
overflow-x: hidden;
overflow-y: hidden;

Because ContentPaneWithinConnection has a width of 80.5%, its min-width will be approximately 80.5% * 958px = 771px. The element FeedbackDetailsTabPageOuterRegion should have a width that is at most 771px - 20px padding = 751px, not 972px as is specified in the style sheet.

Best regards,

Sign in to post a comment.
Posted by Berend Engelbrecht on 9/16/2013 at 10:50 PM
The issue appears to be fixed (perhaps status should be changed to reflect that?)
Posted by AaronBertrand on 9/3/2013 at 9:22 PM
Probably should assemble all of these under a single item

Sign in to post a workaround.
File Name Submitted By Submitted On File Size  
msconnect.png 8/30/2013 13 KB
msconnect.png 8/30/2013 13 KB