alohaeditor/Aloha-Editor — Issue #313: CSS reset and Aloha UI styles
Author: deliminator
Created: 2011-10-10 07:20:54+00:00
State: open

Aloha has CSS styles for certain UI elements, e.g. the FloatingMenu. Some of these styles are from ext-js.

If a user does a CSS reset in his own stylesheet, or defines some properties on an element (without using a class or id), it will also influence the Aloha styles, because aloha doesn't define a value for each and every possible CSS property.

One way to work around this problem is to make Aloha define a value for each and every possible CSS property. This could be problematic since it would overwrite the browser-defaults, and browsers may differ in what defaults they provide.

An example are the following styles:
border: 2px outset buttonface;
background-color: buttonface;

They work fine in Firefox and Chrome, but don't look like the browser defaults would look like in IE.

Another way would be to require the user to use classes himself. If both, the user and Aloha use namespaced classes, they can co-exist without problems.