PUBLIC - Liferay Portal Community Edition

Convert CSS classes from .aui-* to .yui3-aui-*

Details

  • Similar Issues:
    Show 5 results 

Description

Related to http://issues.liferay.com/browse/AUI-402:

Currently, using the classNamePrefix property in Alloy prevents us from using core YUI modules, as well as modules from the gallery.
The reason for this is because while the javascript will write out markup like this:

<div class="aui-slider"></div>

The css still references .yui3-slider.

The only workable fix long term is to rename our CSS classes from .aui-* to .yui3-aui- to not only go along with the grain of existing css classes, but do so in a way that prevents collision with other modules.

So css classes like yui3-widget will still exist (since that is a YUI css class), but our widgets, like Dialog, TreeView, AutComplete, etc, will have:
.yui3-aui-* in front of them, like so: .yui3-aui-dialog, .yui3-aui-treeview, etc.

Issue Links

is related to

Bug - A problem which impairs or prevents the functions of the product. AUI-402 Convert Alloy css classnames to YUI3 classnames

  • Minor - Minor loss of function, or other problem where easy workaround is present.
  • Closed - The issue is considered finished, the resolution is correct. Issues which are not closed can be reopened.

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Nate Cavanaugh added a comment -

I'm making one last change for this:
We're going to keep all YUI widgets as "yui3-" so that all YUI components will still work.
But instead of having aui widgets be "yui3-aui-", we're instead going to be using "aui-" as the prefix.

This means that QA's test scripts will have to change (sorry guys), but it's a very simple find/replace:

find: yui3-aui-
replace: aui-

Of course, let me know if there's anything I can do to help make the transition easier.

Show
Nate Cavanaugh added a comment - I'm making one last change for this: We're going to keep all YUI widgets as "yui3-" so that all YUI components will still work. But instead of having aui widgets be "yui3-aui-", we're instead going to be using "aui-" as the prefix. This means that QA's test scripts will have to change (sorry guys), but it's a very simple find/replace: find: yui3-aui- replace: aui- Of course, let me know if there's anything I can do to help make the transition easier.
Hide
Permalink
Kyrre Myrbostad added a comment -

Three questions:
1. Is this the reason why slider does not work in 6.0.11 / 6.0.12?
2. Is there a workaround to be used? Anything will do, however cumbersome...
3. Will this be backported to next service-release for enterprise

Show
Kyrre Myrbostad added a comment - Three questions: 1. Is this the reason why slider does not work in 6.0.11 / 6.0.12? 2. Is there a workaround to be used? Anything will do, however cumbersome... 3. Will this be backported to next service-release for enterprise

People

Vote (0)
Watch (1)

Dates

  • Created:
    Updated:
    Resolved:
    Days since last comment:
    1 year, 38 weeks, 6 days ago