Index: sources/gui/qml/components/TopMenuBarCreateTreatment.qml =================================================================== diff -u -rc71deaab48699cffdf9db816dfac2778d79c2238 -r074b32b5cc08f41f2d9ce0d021f2151b76bba5ad --- sources/gui/qml/components/TopMenuBarCreateTreatment.qml (.../TopMenuBarCreateTreatment.qml) (revision c71deaab48699cffdf9db816dfac2778d79c2238) +++ sources/gui/qml/components/TopMenuBarCreateTreatment.qml (.../TopMenuBarCreateTreatment.qml) (revision 074b32b5cc08f41f2d9ce0d021f2151b76bba5ad) @@ -49,39 +49,36 @@ } - RowLayout { + Row { anchors.centerIn: parent - Layout.alignment: Qt.AlignVCenter spacing: 5 CircleWithText { id: _create text: "CREATE" state: "active" } - Line { - length: 100 - color: Colors.createTreatmentInactive + ProgressLine { id: _confirm_line + anchors.verticalCenter: _create.verticalCenter + } CircleWithText { id: _confirm text: "CONFIRM" } - Line { - length: 100 - color: Colors.createTreatmentInactive + ProgressLine { id: _priming_line + anchors.verticalCenter: _create.verticalCenter } CircleWithText { id: _prime text: "PRIME" } - Line { - id: _prime_line - length: 100 - color: Colors.createTreatmentInactive + ProgressLine { id: _begin_line + anchors.verticalCenter: _create.verticalCenter + } CircleWithText { id: _begin @@ -95,31 +92,43 @@ states: [ State { name: "create" - PropertyChanges { target: _create; state: "active" } - PropertyChanges { target: _confirm; state: "inactive" } - PropertyChanges { target: _prime; state: "inactive" } - PropertyChanges { target: _begin; state: "inactive" } + PropertyChanges { target: _create; state: "active" } + PropertyChanges { target: _confirm; state: "inactive" } + PropertyChanges { target: _confirm_line; state: "inactive" } + PropertyChanges { target: _prime; state: "inactive" } + PropertyChanges { target: _priming_line; state: "inactive" } + PropertyChanges { target: _begin; state: "inactive" } + PropertyChanges { target: _begin_line; state: "inactive" } }, State { name: "confirm" - PropertyChanges { target: _create; state: "inactive" } - PropertyChanges { target: _confirm; state: "active" } - PropertyChanges { target: _prime; state: "inactive" } - PropertyChanges { target: _begin; state: "inactive" } + PropertyChanges { target: _create; state: "active" } + PropertyChanges { target: _confirm; state: "active" } + PropertyChanges { target: _confirm_line; state: "active" } + PropertyChanges { target: _prime; state: "inactive" } + PropertyChanges { target: _priming_line; state: "inactive" } + PropertyChanges { target: _begin; state: "inactive" } + PropertyChanges { target: _begin_line; state: "inactive" } }, State { name: "prime" - PropertyChanges { target: _create; state: "inactive" } - PropertyChanges { target: _confirm; state: "inactive" } - PropertyChanges { target: _prime; state: "active" } - PropertyChanges { target: _begin; state: "inactive" } + PropertyChanges { target: _create; state: "active" } + PropertyChanges { target: _confirm; state: "active" } + PropertyChanges { target: _confirm_line; state: "active" } + PropertyChanges { target: _prime; state: "active" } + PropertyChanges { target: _priming_line; state: "active" } + PropertyChanges { target: _begin; state: "inactive" } + PropertyChanges { target: _begin_line; state: "inactive" } }, State { name: "begin" - PropertyChanges { target: _create; state: "inactive" } - PropertyChanges { target: _confirm; state: "inactive" } - PropertyChanges { target: _prime; state: "inactive" } - PropertyChanges { target: _begin; state: "active" } + PropertyChanges { target: _create; state: "active" } + PropertyChanges { target: _confirm; state: "active" } + PropertyChanges { target: _confirm_line; state: "active" } + PropertyChanges { target: _prime; state: "active" } + PropertyChanges { target: _priming_line; state: "active" } + PropertyChanges { target: _begin; state: "active" } + PropertyChanges { target: _begin_line; state: "active" } } ]