Long tab titles overlap edges of tab switched menu
Bug #1407371 reported by
Michael Sheldon
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
ubuntu-ui-toolkit (Ubuntu) |
Fix Released
|
Medium
|
Tim Peeters |
Bug Description
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 {
useDeprecat
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
Changed in ubuntu-ui-toolkit (Ubuntu): | |
assignee: | nobody → Tim Peeters (tpeeters) |
importance: | Undecided → Medium |
status: | New → Triaged |
To post a comment you must log in.
Fixed in the new header, try for example this code:
import QtQuick 2.4
leadingAct ionBar. actions: [
Action {
iconName: "contact"
text: "Navigation 1"
Action {
iconName: "calendar"
text: "Navigation 2"
trailingAc tionBar. actions: [
Action {
iconName: "settings"
text: "First"
Action {
iconName: "info"
text: "Second"
Action {
iconName: "search"
text: "Third"
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."
},
}
]
},
},
}
]
}
}
}