78 lines
3.1 KiB
QML
78 lines
3.1 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import qs.modules.common
|
|
import qs.modules.common.widgets
|
|
|
|
/**
|
|
* Material 3 FAB.
|
|
*
|
|
* Souveraine override of ii's widget: the label inside the collapsed Revealer
|
|
* centers on the button instead of the Revealer (see the comment at
|
|
* buttonText), breaking the implicitHeight binding loop upstream logs on every
|
|
* startup. Everything else is verbatim ii — diff against ii-base before
|
|
* re-applying if ii updates.
|
|
*/
|
|
RippleButton {
|
|
id: root
|
|
property string iconText: "add"
|
|
property bool expanded: false
|
|
property real baseSize: 56
|
|
property real elementSpacing: 5
|
|
implicitWidth: expanded ? (Math.max(contentRowLayout.implicitWidth + 10 * 2, baseSize)) : baseSize
|
|
implicitHeight: baseSize
|
|
buttonRadius: baseSize / 14 * 4
|
|
colBackground: Appearance.colors.colPrimaryContainer
|
|
colBackgroundHover: Appearance.colors.colPrimaryContainerHover
|
|
colRipple: Appearance.colors.colPrimaryContainerActive
|
|
property color colOnBackground: Appearance.colors.colOnPrimaryContainer
|
|
contentItem: Row {
|
|
id: contentRowLayout
|
|
property real horizontalMargins: (root.baseSize - icon.width) / 2
|
|
anchors {
|
|
verticalCenter: parent?.verticalCenter
|
|
left: parent?.left
|
|
leftMargin: contentRowLayout.horizontalMargins
|
|
}
|
|
spacing: 0
|
|
|
|
MaterialSymbol {
|
|
id: icon
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
iconSize: 26
|
|
color: root.colOnBackground
|
|
text: root.iconText
|
|
}
|
|
Loader {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
visible: root.buttonText?.length > 0
|
|
active: true
|
|
sourceComponent: Revealer {
|
|
visible: root.expanded || implicitWidth > 0
|
|
reveal: root.expanded
|
|
implicitWidth: reveal ? (buttonText.implicitWidth + root.elementSpacing + contentRowLayout.horizontalMargins) : 0
|
|
StyledText {
|
|
id: buttonText
|
|
anchors {
|
|
left: parent.left
|
|
leftMargin: root.elementSpacing
|
|
// Center on the BUTTON, not the Revealer (2026-08-05).
|
|
// Centering on the Revealer bound the text's y to the
|
|
// Revealer's height, whose implicitHeight is
|
|
// childrenRect.height, which depends on the text's
|
|
// y — the implicitHeight binding loop logged on every
|
|
// startup (FloatingActionButton.qml[45:30]). The
|
|
// Revealer and the button share a center anyway, so
|
|
// this is visually identical and acyclic.
|
|
verticalCenter: root.verticalCenter
|
|
}
|
|
text: root.buttonText
|
|
color: Appearance.colors.colOnPrimaryContainer
|
|
font.pixelSize: 14
|
|
font.weight: 450
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|