Mer/Documentation/Desktop layout

Layout for Hildon Desktop on Mer

General outline: here

Marquee

• Height: 52px, Width: As wide as the screen
• Position: Top of screen, disappears in full screen.

The following equation must be satisified: 86 + 52 + X * 42 + Y * 42 + 52 = Width of screen

First element: Application menu button

• Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png
• Width: 86px
• Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu.

Second element: Menu button

• Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png
• Width: 52px
• Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button

Third element: Quick task switcher

• Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
• Width: X items of 42px, X > 0, icons 32x32px
• Description: Shows current application and X others

Fourth element: Status bar

• Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
• Width: Y items of 42px, Y > 0, icons 32x32px
• Description: Shows current status bar area

Fifth element: The magic X

• Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
• Width: 52px, 32x32 px icon
• Description: The former >>, the switcher menu