Kontact Touch on larger screens, flaps wider hack

[Bernhard Reiter]

Me and my ideapad with Kontact Touch were alone on a train...
Because of QML I could do a quick hack to address a major usability
problem: It is too hard to hit the flaps on the left.

The changes outlined at the bottom will make the flaps slightly wider and the 
interface uglier, but for me this is a large usability gain. This works a lot 
better on the n900 or HTC Touch Pro2 because someone can slide in from the 
left side. For whatever reasons this does not work on the ideapad. I don't 
know about the exopc slate or the weetab, but I guess a slightly larger flap 
can also help there.

Next steps probably are:
* add this to the meego packages
* make it more dynamic depending on the plattform or the specific
  physical screensize. (the ideapad has 1024x600 pixel on 216x127mm, but the   
  window title bar is reducing the effective height)
* make it look better regarding the text placement
* do change to shift stuff to the right in all frontends not just "mail"
  and do it in the right way to not also shift the decoration

If anyone feels like it? Most of this is beyond my limited QML knowledge. :)
Bernhard

-- 
Managing Director - Owner: www.intevation.net       (Free Software Company)
Deputy Coordinator Germany: fsfe.org. Board member: www.kolabsys.com.
Intevation GmbH, Osnabrück, DE; Amtsgericht Osnabrück, HRB 18998
Geschäftsführer Frank Koormann, Bernhard Reiter, Dr. Jan-Oliver Wagner
-------------- next part --------------
Name        : kontact-touch-mail           
Version     : 4.6~beta4+git20110226             Vendor: MeeGo
Release     : 5.7                           Build Date: Wed 16 Mar 2011 20:37:14 CET

Simple changes to the QML will make the action flaps wider:

--- /usr/lib/kde4/imports/org/kde/SlideoutPanel.qml.org	2011-05-04 14:04:59.997000020 +0200
+++ /usr/lib/kde4/imports/org/kde/SlideoutPanel.qml	2011-05-04 14:08:37.728000020 +0200
@@ -54 +54 @@
-  property int collapsedWidth : 36
+  property int collapsedWidth : 46

An example adjustment for the folder list and the composer editor slightly to
the right to compensate a bit for the wider flaps. Only an ugly hack as it
shifts also the decorations:
--- /usr/share/kde4/apps/kmail-mobile/kmail-composer.qml.org	2011-05-04 14:26:58.301000041 +0200
+++ /usr/share/kde4/apps/kmail-mobile/kmail-composer.qml	2011-05-04 14:28:28.295000041 +0200
@@ -28,6 +28,7 @@
     id: flick
     anchors.fill: parent
     contentHeight: editorView.contentHeight;
+    anchors.leftMargin: 15
 
     content.children: [
       EditorView {
--- /usr/share/kde4/apps/kmail-mobile/kmail-mobile.qml.org	2011-05-04 13:45:34.338000015 +0200
+++ /usr/share/kde4/apps/kmail-mobile/kmail-mobile.qml	2011-05-04 14:26:40.469000041 +0200
@@ -157,6 +157,7 @@
     anchors.bottom: parent.bottom
     anchors.left: parent.left
     anchors.right : parent.right
+    anchors.leftMargin: 15
 
     QML.Image {
       id: backgroundImage
@@ -170,7 +171,7 @@
     Akonadi.AkonadiBreadcrumbNavigationView {
       id : collectionView
       anchors.top: parent.top
-      width: 1/3 * parent.width
+      width: 1/3 * parent.width - 15
       showUnread : true
       anchors.bottom : selectButton.top
       //height : parent.height - ( collectionView.hasSelection ? 0 : selectButton.height)
-------------- next part --------------
A non-text attachment was scrubbed...
Name: not available
Type: application/pgp-signature
Size: 198 bytes
Desc: This is a digitally signed message part.
Url : http://mail.kde.org/pipermail/kde-mobile/attachments/20110505/850247f5/attachment.sig