Edit Stylesheet Does Not Display Full Text

[KitchM]

One may view the screenshot attached to find that the text of the stylesheet is not displayed in its entirety.

This is using CMSMS version 1.11.10, on CentOS 6.5, PHP 5.3.3, MySQL 5.1.73 , and viewing it all thru Firefox 27.0 on Fedora 20 with Xfce 4.10.1.

[DIGI3]

I'm not sure I understand the issue, it looks ok to me? If I'm missing something, please point it out (maybe an arrow or circle on the screen shot?)

[JohnnyB]

Looks like the content window's scrollbar is not present. Based on the attached image, it is the responsive, small screen view (see the media queries button is full width).

I get the same results testing the responsiveness. The content scrollbar is hidden and not visible somewhere around 950px wide viewport. This occurs for other admin screens too, like editing a Template.

The only solutions for now - use browser in its full width. The difference is about 10 pixels wider on the right side to see the scroll. Also, the keyboard's arrow keys and a mouse's scroll wheel work.

This is the dominant CSS rule even after the media query rule kicks in:
textarea.pagebigtextarea {
height: 40em;
width: 55em;
}

The media query tries to set width of 43em which does fix the missing scrollbar issue.

[KitchM]

I did a Ctrl-+ to get the tab window as big as it can be without creating a horizontal scroll bar (there appears to be a problem with W3C compliance there), but that part of the code window never has a vertical scroll bar. The window just doesn't get any bigger.

And the Media Query window is empty.

I am using 40" monitor at 1024x758 to view all of this. But that should make no difference at all.

Thanks.

[JohnnyB]

I am using 40" monitor at 1024x758 to view all of this. But that should make no difference at all.

Yeah, that's where the CSS makes a distinction between a large viewport and a small viewport. The current CSS is (mistakenly) hiding the scrollbar with resolutions of 1024 wide and smaller. ctr +/- will only 'zoom' the browser (magnify). It doesn't increase your monitor's resolution settings.


I use a 22" monitor running 1920x1080 resolution. Odd that you are using 1024x768 on a 40" screen. Everything must be really easy to see

[Dr.CSS]

I see the same thing on 960px wide viewport size(not on 1024), but I can click in the stylesheet window and scroll it with my mouse wheel still, or page up/down...

[KitchM]

@JohnnyB, I sit about seven feet away and it makes it easy on my eyes. I have found that after decades of using computers, the real issue is not how close or how far, but how clear things are, and if one can see small details. Working 8-10 hours a day requires good ergonomics, and vision is one of the greatest factors.

I might also add, that it depends on the type of content. Watching a movie in HD utilizes the same monitors HD features. Using it in a computer mode, such as the VGA input, offers the clarity of the high quality monitor, without the limitations of a small screen. But one must find that sweet spot of resolution. Mine happens to be 1024x768.

Sorry about being off topic, but you mentioned it. By the way, a CSS system should always be compliant with standards and not set its own. That will need to be addressed in a future release.

@Dr.CSS, yes, if one puts the cursor in the window, then the text will scroll with the keyboard. But of course that is just showing a lack of consistency within the application. It kinda makes it more difficult to use, don't you think?

Thanks all for helping me realize it wasn't just me. I will learn to work around the little flaw.