RE: Annoying menu on the left

thumbnail
Christoph Rabel, modified 6 Years ago. Liferay Legend Posts: 1555 Join Date: 9/24/09 Recent Posts
After playing a bit with page creation:  The new menu only on the left is super annoying. Why is it not on the right?
(Just to clarify: I am talking about the blue "Header navigation dark" thingy)
thumbnail
Jorge Ferrer, modified 6 Years ago. Liferay Legend Posts: 2871 Join Date: 8/31/06 Recent Posts
Hey Christoph,

I'm not sure which menu are you referring to? Could you clarify?
thumbnail
Christoph Rabel, modified 6 Years ago. Liferay Legend Posts: 1555 Join Date: 9/24/09 Recent Posts
The "portlet topper" menu. It was move to the left in 7.2.
I found it very annoying during page building.

When I create a page using fragments or portlets, I work on the right side. I drag and drop stuff from the section menu. And then I want to move it around. I found it very annoying that the portlet topper is suddenly on the left side. It increases my mouse way.

Well, whatever the design decision here will be, we will probably change the css and move it to the right again.
thumbnail
Jorge Ferrer, modified 6 Years ago. Liferay Legend Posts: 2871 Join Date: 8/31/06 Recent Posts
Got it. the "portlet topper" use to be full width and now it's not. I'll check with Juan about this, however I think it's a too drastic change to make at this point for 7.2. Luckly, as you say, it shouldn't be hard to customize and we can consider moving it to the right by default in 7.3 if this is a common customization.

Please, keep us posted.
thumbnail
Olaf Kock, modified 6 Years ago. Liferay Legend Posts: 6441 Join Date: 9/23/08 Recent Posts
Christoph RabelThe "portlet topper" menu. It was move to the left in 7.2.
I found it very annoying during page building.
Quickfix: Custom CSS for the page:
   .portlet > .portlet-topper {
       right:0; left:auto;
   }

Bonus: You can combine it with the CSS for LPS-33636 (I'm preparing the next blog article on it emoticon )

Of course: Proper fix: add this CSS into your theme. (Note: I didn't pay any attention to media/screen width or others for this quickfix)
thumbnail
Christoph Rabel, modified 6 Years ago. Liferay Legend Posts: 1555 Join Date: 9/24/09 Recent Posts
Thanks!
We already use the code from your blog in our themes, it's indeed very useful to make the drop areas more visible. :-)
Lee Jordan, modified 6 Years ago. Expert Posts: 449 Join Date: 5/26/15 Recent Posts
Most if not all ellipsis menus occur on the right. The portlet topper being full width is super useful (think of long titles). Having different widths all over the page just looks messy. What was wrong with full width?



We'll change it back anyway because full width looks tidy and the ellipsis menu is always in a predictible location (on the right)