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)

width:500px; } If you're using Chrome or Firefox, you can right-click on parts of the page you want to identify and select "Inspect Element". That will show you the hierarchy of the page leading to the element along with the associated #id and .classes. Lunarity 01:39, August 1, 2012 (UTC)
 * 1) EditPageToolbar > .cke_toolbar_format, #EditPageToolbar > .cke_toolbar_format_expanded {