CSS Fix for SPAW Editor & Safari

Over the last couple of years I have used the SPAW WYSIWYG Editor for my site management and clients sites CMS systems.

Ryan Stemkoski and I used it in our Zipline ZLCMS Package that is now in use in over 300 sites and have found it to be a great editor, and now I am using SPAW 2.0.8.1 for CodeIgniter in a CodeIngiter CMS Site.

How ever I have found that SPAW doesnt really fit in the Safari Frame, and all the toolbars span on one line causing usability and scrolling issue.

Today when implementing it for a MAC Safari only based client I went and dug for the fix.

I have always used the Spaw2Lite theme, which is much lighter than the standard theme, if you edit the theme CSS file located at

/spaw2/plugins/core/lib/theme/spaw2lite/css/theme.css

and alter these two sections of code.

( I’m sure the same fix will apply for the standard theme. )

Add the CSS attribute ‘float: left;‘ to the selector ‘.spaw2litemaintoolbar‘.

.spaw2litemaintoolbar
{
	float: left;
	border-bottom: 1px solid #cecece;
}

Remove the ‘white-space‘ attribute from the selector ‘.spaw2litetoolbar‘.

27	white-space: nowrap;

Let me know if this helps, or doesn’t, or you have other fixes for SPAW.