status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-01-10 22:36:24 +00:00
Code Issues Projects Releases Wiki Activity

fix: fix tab bottom radius, text elide and secondary background

Browse Source
This commit is contained in:
Jonathan Rainville 2020-10-08 14:53:19 -04:00 committed by Iuri Matias
parent 3431856a13
commit af33a50a03
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/app/AppLayouts/Browser/BrowserLayout.qml
View File

@ -443,7 +443,7 @@ Rectangle {
// Add custom tab view style so we can customize the tabs to include a close button // Add custom tab view style so we can customize the tabs to include a close button
style: TabViewStyle { style: TabViewStyle {
property color fillColor: Style.current.background property color fillColor: Style.current.background
property color nonSelectedColor: Style.current.modalBackground property color nonSelectedColor: Qt.darker(Style.current.background, 1.2)
frameOverlap: 1 frameOverlap: 1
tabsMovable: true tabsMovable: true
@ -459,10 +459,19 @@ Rectangle {
id: tabRectangle id: tabRectangle
color: styleData.selected ? fillColor : nonSelectedColor color: styleData.selected ? fillColor : nonSelectedColor
border.width: 0 border.width: 0
implicitWidth: Math.max(faviconImage.width + text.width + Style.current.halfPadding * 4 + closeTabBtn.width, 240) implicitWidth: 240
implicitHeight: tabs.tabHeight implicitHeight: tabs.tabHeight
radius: Style.current.radius radius: Style.current.radius
// This rectangle is to hide the bottom radius
Rectangle {
width: parent.implicitWidth
height: 5
color: parent.color
border.width: 0
anchors.bottom: parent.bottom
}
Image { Image {
id: faviconImage id: faviconImage
anchors.verticalCenter: parent.verticalCenter; anchors.verticalCenter: parent.verticalCenter;
@ -483,6 +492,8 @@ Rectangle {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: faviconImage.right anchors.left: faviconImage.right
anchors.leftMargin: Style.current.halfPadding anchors.leftMargin: Style.current.halfPadding
anchors.right: closeTabBtn.left
anchors.rightMargin: Style.current.halfPadding
text: styleData.title text: styleData.title
// TODO the elide probably doesn't work. Set a Max width // TODO the elide probably doesn't work. Set a Max width
elide: Text.ElideRight elide: Text.ElideRight