mirror of
https://gitlab.linphone.org/BC/public/linphone-desktop.git
synced 2026-04-17 11:58:27 +00:00
68 lines
2.1 KiB
QML
68 lines
2.1 KiB
QML
import QtQuick
|
|
import QtQuick.Effects
|
|
import QtQuick.Layouts
|
|
import Linphone
|
|
import "qrc:/qt/qml/Linphone/view/Style/buttonStyle.js" as ButtonStyle
|
|
import "qrc:/qt/qml/Linphone/view/Control/Tool/Helper/utils.js" as Utils
|
|
|
|
Button {
|
|
id: mainItem
|
|
icon.width: Utils.getSizeWithScreenRatio(24)
|
|
icon.height: Utils.getSizeWithScreenRatio(24)
|
|
textSize: Typography.p1.pixelSize
|
|
textWeight: Typography.p1.weight
|
|
radius: Utils.getSizeWithScreenRatio(5)
|
|
shadowEnabled: mainItem.activeFocus || hovered
|
|
style: ButtonStyle.hoveredBackground
|
|
property bool inverseLayout: false
|
|
spacing: Utils.getSizeWithScreenRatio(5)
|
|
|
|
contentItem: RowLayout {
|
|
spacing: mainItem.spacing
|
|
layoutDirection: mainItem.inverseLayout ? Qt.RightToLeft : Qt.LeftToRight
|
|
EffectImage {
|
|
imageSource: mainItem.icon.source
|
|
imageWidth: mainItem.icon.width
|
|
imageHeight: mainItem.icon.height
|
|
colorizationColor: mainItem.pressed ? mainItem.pressedImageColor : mainItem.hovered ? mainItem.hoveredImageColor :
|
|
mainItem.contentImageColor
|
|
Layout.preferredWidth: mainItem.icon.width
|
|
Layout.preferredHeight: mainItem.icon.height
|
|
}
|
|
Text {
|
|
id: textItem
|
|
horizontalAlignment: Text.AlignLeft
|
|
verticalAlignment: Text.AlignVCenter
|
|
Layout.preferredWidth: textMetrics.advanceWidth
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.WrapAnywhere
|
|
text: mainItem.text
|
|
maximumLineCount: 1
|
|
color: pressed ? mainItem.pressedTextColor : mainItem.hovered ? mainItem.hoveredTextColor : mainItem.textColor
|
|
font {
|
|
pixelSize: mainItem.textSize
|
|
weight: mainItem.textWeight
|
|
family: DefaultStyle.defaultFont
|
|
capitalization: mainItem.capitalization
|
|
underline: mainItem.underline
|
|
bold: (mainItem.style === ButtonStyle.noBackground || mainItem.style === ButtonStyle.noBackgroundRed) && (
|
|
mainItem.hovered || mainItem.pressed)
|
|
}
|
|
}
|
|
TextMetrics {
|
|
id: textMetrics
|
|
text: mainItem.text
|
|
font {
|
|
pixelSize: mainItem.textSize
|
|
weight: mainItem.textWeight
|
|
family: DefaultStyle.defaultFont
|
|
capitalization: mainItem.capitalization
|
|
underline: mainItem.underline
|
|
bold: true
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|