Meshroom/meshroom/ui/qml/MaterialIcons/MaterialToolButton.qml
Yann Lanthony b9999c01eb
[ui] Update MaterialToolButton style
* flatten the button 
* color its icon when checked
2019-09-11 10:49:09 +02:00

32 lines
927 B
QML

import QtQuick 2.9
import QtQuick.Controls 2.3
/**
* MaterialToolButton is a standard ToolButton using MaterialIcons font.
* It also shows up its tooltip when hovered.
*/
ToolButton {
font.family: MaterialIcons.fontFamily
padding: 4
font.pointSize: 13
ToolTip.visible: ToolTip.text && hovered
ToolTip.delay: 100
Component.onCompleted: {
contentItem.color = Qt.binding(function() { return checked ? palette.highlight : palette.text })
}
background: Rectangle {
color: {
if(pressed || checked || hovered)
{
if(pressed || checked)
return Qt.darker(parent.palette.base, 1.3)
if(hovered)
return Qt.darker(parent.palette.base, 0.6)
}
return "transparent";
}
border.color: checked ? Qt.darker(parent.palette.base, 1.4) : "transparent"
}
}