From b1a7ba7f5a10fcd07eb15c2c1d70e8a6c00a4062 Mon Sep 17 00:00:00 2001 From: Ming Rui Zhang <mingrui.zhang@savoirfairelinux.com> Date: Wed, 16 Sep 2020 11:44:18 -0400 Subject: [PATCH] messagewebview: adapt message webview header in different scale factor Change-Id: I4cf7b16663b5bdbb3f0f095d61411f12b02707d1 --- .../components/MessageWebViewHeader.qml | 47 ++++++------------- 1 file changed, 14 insertions(+), 33 deletions(-) diff --git a/src/mainview/components/MessageWebViewHeader.qml b/src/mainview/components/MessageWebViewHeader.qml index 0eaaecac1..5c1a8f160 100644 --- a/src/mainview/components/MessageWebViewHeader.qml +++ b/src/mainview/components/MessageWebViewHeader.qml @@ -74,70 +74,51 @@ Rectangle { Rectangle { id: userNameOrIdRect - Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft - - + Layout.alignment: Qt.AlignLeft | Qt.AlignTop // Width + margin. Layout.preferredWidth: messagingHeaderRect.width - backToWelcomeViewButton.width - buttonGroup.width - 45 - Layout.preferredHeight: messagingHeaderRect.height + Layout.fillHeight: true + Layout.topMargin: 7 + Layout.bottomMargin: 7 Layout.leftMargin: 16 color: "transparent" ColumnLayout { id: userNameOrIdColumnLayout - Layout.alignment: Qt.AlignVCenter + anchors.fill: parent - Label { + spacing: 0 + + ElidedTextLabel { id: userAliasLabel Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft - Layout.preferredWidth: userNameOrIdRect.width - Layout.preferredHeight: textMetricsuserAliasLabel.boundingRect.height - Layout.topMargin: userUserNameLabel.text === "" ? 0 : 10 - font.pointSize: JamiTheme.menuFontSize + font.pointSize: JamiTheme.textFontSize + 2 horizontalAlignment: Text.AlignLeft verticalAlignment: Text.AlignVCenter - text: textMetricsuserAliasLabel.elidedText - } - - TextMetrics { - id: textMetricsuserAliasLabel - - font: userAliasLabel.font text: userAliasLabelText - elideWidth: userNameOrIdRect.width - elide: Qt.ElideMiddle + maxWidth: userNameOrIdRect.width } - Label { + ElidedTextLabel { id: userUserNameLabel - visible: (text !== "") + Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft - Layout.preferredWidth: userNameOrIdRect.width - Layout.preferredHeight: textMetricsuserUserNameLabel.boundingRect.height - Layout.bottomMargin: 10 + visible: text !== "" font.pointSize: JamiTheme.textFontSize color: JamiTheme.faddedLastInteractionFontColor horizontalAlignment: Text.AlignLeft verticalAlignment: Text.AlignVCenter - text: textMetricsuserUserNameLabel.elidedText - } - - TextMetrics { - id: textMetricsuserUserNameLabel - - font: userUserNameLabel.font text: userUserNameLabelText - elideWidth: userNameOrIdRect.width - elide: Qt.ElideMiddle + maxWidth: userNameOrIdRect.width } } } -- GitLab