We'd like to have a more modern looking float item for controlling the map position.

This task is just about the implementation of the Navigational Arrows. The zoom slider (and a home/current position button) will be added later at the bottom part of this float item. So the implementation needs to be extensible and needs to take this into account. To get the idea what it's supposed to look like have a look at this mockup which shows the current navigation float item at the bottom right and the newly suggested one on the upper right:

http://devel-home.kde.org/~tackat/naviitem_mockup.png

Download

devel-home.kde.org/~tackat/navigational_arrows.tar.gz

The file navigational_arrows.png provides the default look and feel.

On hover over the upper quarter of the circle the file

navigational_arrows_hover_top.png

should be displayed instead. During pressing the upper quarter of the circle the file:

navigational_arrows_press_top.png

should be displayed. Once the click event is emitted the marblewidget should move the map to the top (just like the current navigational float item behaves) and the appearance should return to the default appearance.