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

New-artwork ideas: http://i041.radikal.ru/0903/5f/5cf0986d63e7.jpg

Touch pixel sizes from https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs

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: 90*3 + 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"

../images/mb_marquee_background.png: PNG image, 18 x 52, 8-bit/color RGBA, non-interlaced


First element: Application menu button

Implemented, h-d r1147

Second element: Menu button

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

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

Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png