Mer/Documentation/Desktop layout

Contents

Layout for Hildon Desktop on Mer

General outline: here

Pre-artwork implementation: http://www.daimi.au.dk/~cvm/mer-ui-implemented.png

Marquee

Implemented in h-d, r1145

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

The following equation must be satisified: 86 + 52 + A * 42 + 52 = Width of screen, A = ((Width of screen) - 190) / 42

X = A / 3 (integer division)

Y = A - X (integer division)

Z = Width of screen - 138 - A * 42, Z > 52

# New marquee at the top
style "hildon-navigator"
{
  bg_pixmap[NORMAL] = "../images/mb_marquee_background.png"
}
class "HildonDesktopPanelWindow" style "hildon-navigator"

First element: Application menu button

Implemented, h-d r1147

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

Second element: Menu button

Implemented in lp:~mer-committers/m-r/marquee-plugins r2

  • Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png
  • Width: 52px, icon: 48x48
  • Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button
  • Implemented by: marquee-plugins, drop-down-menu.c
  • Icon name: qgn_mer_menubutton

Third element: Quick task switcher

Implemented in h-d r1148

Fourth element: Status bar

Implemented in h-d, r1149

Fifth element: The magic X

Implemented in h-d, r1150

  • Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
  • Width: Z px, Z > 52, 48x48 px icon
  • Description: The former >>, the switcher menu, shows up when number of applications active > 0
  • Icon: qgn_list_tasknavigator_appswitcher