Long tab titles overlap edges of tab switched menu

[Michael Sheldon]

Present on vivid-proposed image 58 and RTM-proposed image 184.

Steps to reproduce:

1) Run the following QML in qmlscene:

import QtQuick 2.0
import Ubuntu.Components 1.1

MainView {

    useDeprecatedToolbar: false

    Tabs {
        Tab {
            title: "This is a long title that will overlap"
            page: Page { }
        }

        Tab {
            title: "Short tile"
            page: Page { }
        }
    }

}

2) Press the tab switcher

Expected outcome:

 The long title should elide when it hits the edges of the menu

Actual outcome:

 The title overlaps the edges of the menu

[Tim Peeters (tpeeters)]

Fixed in the new header, try for example this code:

import QtQuick 2.4
import Ubuntu.Components 1.3
MainView {
    width: units.gu(50)
    height: units.gu(20)
    Page {
        header: PageHeader {
            title: "This is a very super mega extremely long title.. well not THAT long, but it doesn't fit in the header."
            leadingActionBar.actions: [
                Action {
                    iconName: "contact"
                    text: "Navigation 1"
                },
                Action {
                    iconName: "calendar"
                    text: "Navigation 2"
                }
            ]
            trailingActionBar.actions: [
                Action {
                    iconName: "settings"
                    text: "First"
                },
                Action {
                    iconName: "info"
                    text: "Second"
                },
                Action {
                    iconName: "search"
                    text: "Third"
                }
            ]
        }
    }
}