Forum:Css for edit page

Using my css I have expanded the page to full screen.

This is very useful when editing.

here are 2 images of an edit page:
 * img88.imageshack.us/img88/8538/csseditnonexpanded.png
 * img232.imageshack.us/img232/3757/csseditexpanded.png

if you load them is separate tabs and switch back and forth between them you will see that when I click on the expansion button to the right of the text area the text area expands to full screen and my edittools toolbar becomes squished to 2 lines even though I have plenty of room for it.

I searched through the page source and tried to guess at what I needed to change to make the area holding the toolbar bigger but when I tried it a strange thing happened. the toolbar completely disappeared.

I am guessing that there is some javascript being used here that chokes when you change the css.

Does anyone who knows more about it have any ideas what I might try to prevent the toobar from becoming 2 lines?

Granpa (talk) 01:38, July 26, 2012 (UTC)


 * Have you tried this?

width: 500px; }
 * 1) EditPageToolbar > .cke_toolbar_source {
 * With the width you need that is. -- 02:25, July 26, 2012 (UTC)


 * That works fine. Thank you very much. :-)
 * Granpa (talk) 02:30, July 26, 2012 (UTC)


 * the edit page has 2 options. One for source and one for visual.
 * the code above works fine for source toolbar
 * Do you happen to know offhand what I would use for the visual toolbar?
 * I checked the source code and I dont see where you get your code from?
 * Granpa (talk) 00:46, July 31, 2012 (UTC)