i18n: more RTL layout enhancements

2026-01-24 21:42:51 -05:00 · 2026-01-08 16:11:30 -05:00
parent a21a846bf5
commit 1ff1f3a7f2
53 changed files with 1605 additions and 774 deletions
--- a/quickshell/Modules/ControlCenter/Components/ActionTile.qml
+++ b/quickshell/Modules/ControlCenter/Components/ActionTile.qml
@@ -5,6 +5,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string iconName: ""
    property string text: ""
    property string secondaryText: ""
@@ -80,6 +83,7 @@ Rectangle {
                    color: isActive ? Theme.primaryText : Theme.surfaceText
                    elide: Text.ElideRight
                    wrapMode: Text.NoWrap
+                    horizontalAlignment: Text.AlignLeft
                }

                Typography {
@@ -90,6 +94,7 @@ Rectangle {
                    visible: text.length > 0
                    elide: Text.ElideRight
                    wrapMode: Text.NoWrap
+                    horizontalAlignment: Text.AlignLeft
                }
            }
        }
--- a/quickshell/Modules/ControlCenter/Components/EditControls.qml
+++ b/quickshell/Modules/ControlCenter/Components/EditControls.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Row {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property var availableWidgets: []
    property Item popoutContent: null

@@ -103,6 +106,7 @@ Row {
                                color: Theme.surfaceText
                                elide: Text.ElideRight
                                width: parent.width
+                                horizontalAlignment: Text.AlignLeft
                            }

                            Typography {
@@ -111,6 +115,7 @@ Row {
                                color: Theme.outline
                                elide: Text.ElideRight
                                width: parent.width
+                                horizontalAlignment: Text.AlignLeft
                            }
                        }

--- a/quickshell/Modules/ControlCenter/Components/HeaderPane.qml
+++ b/quickshell/Modules/ControlCenter/Components/HeaderPane.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property bool editMode: false

    signal powerButtonClicked
--- a/quickshell/Modules/ControlCenter/Components/PowerButton.qml
+++ b/quickshell/Modules/ControlCenter/Components/PowerButton.qml
@@ -5,6 +5,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string iconName: ""
    property string text: ""

--- a/quickshell/Modules/ControlCenter/Details/AudioInputDetail.qml
+++ b/quickshell/Modules/ControlCenter/Details/AudioInputDetail.qml
@@ -8,6 +8,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property bool hasInputVolumeSliderInCC: {
        const widgets = SettingsData.controlCenterWidgets || [];
        return widgets.some(widget => widget.id === "inputVolumeSlider");
@@ -198,6 +201,7 @@ Rectangle {
                                elide: Text.ElideRight
                                width: parent.width
                                wrapMode: Text.NoWrap
+                                horizontalAlignment: Text.AlignLeft
                            }

                            StyledText {
@@ -207,6 +211,7 @@ Rectangle {
                                elide: Text.ElideRight
                                width: parent.width
                                wrapMode: Text.NoWrap
+                                horizontalAlignment: Text.AlignLeft
                            }
                        }
                    }
--- a/quickshell/Modules/ControlCenter/Details/AudioOutputDetail.qml
+++ b/quickshell/Modules/ControlCenter/Details/AudioOutputDetail.qml
@@ -8,6 +8,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property bool hasVolumeSliderInCC: {
        const widgets = SettingsData.controlCenterWidgets || [];
        return widgets.some(widget => widget.id === "volumeSlider");
@@ -210,6 +213,7 @@ Rectangle {
                                elide: Text.ElideRight
                                width: parent.width
                                wrapMode: Text.NoWrap
+                                horizontalAlignment: Text.AlignLeft
                            }

                            StyledText {
@@ -219,6 +223,7 @@ Rectangle {
                                elide: Text.ElideRight
                                width: parent.width
                                wrapMode: Text.NoWrap
+                                horizontalAlignment: Text.AlignLeft
                            }
                        }
                    }
--- a/quickshell/Modules/ControlCenter/Details/BatteryDetail.qml
+++ b/quickshell/Modules/ControlCenter/Details/BatteryDetail.qml
@@ -5,6 +5,11 @@ import qs.Services
 import qs.Widgets

 Rectangle {
+    id: root
+
+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    implicitHeight: contentColumn.implicitHeight + Theme.spacingL * 2
    radius: Theme.cornerRadius
    color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
@@ -110,6 +115,7 @@ Rectangle {
                    visible: text.length > 0
                    elide: Text.ElideRight
                    width: parent.width
+                    horizontalAlignment: Text.AlignLeft
                }
            }
        }
@@ -249,6 +255,7 @@ Rectangle {
                            color: Qt.rgba(Theme.error.r, Theme.error.g, Theme.error.b, 0.8)
                            wrapMode: Text.WordWrap
                            width: parent.width
+                            horizontalAlignment: Text.AlignLeft
                        }
                    }
                }
--- a/quickshell/Modules/ControlCenter/Details/BluetoothCodecSelector.qml
+++ b/quickshell/Modules/ControlCenter/Details/BluetoothCodecSelector.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Item {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property var device: null
    property bool modalVisible: false
    property var parentItem
--- a/quickshell/Modules/ControlCenter/Details/BluetoothDetail.qml
+++ b/quickshell/Modules/ControlCenter/Details/BluetoothDetail.qml
@@ -10,6 +10,9 @@ import qs.Modals
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    implicitHeight: {
        if (height > 0) {
            return height
@@ -237,6 +240,7 @@ Rectangle {
                                font.weight: modelData.connected ? Font.Medium : Font.Normal
                                elide: Text.ElideRight
                                width: parent.width
+                                horizontalAlignment: Text.AlignLeft
                            }

                            Row {
@@ -463,6 +467,7 @@ Rectangle {
                                color: Theme.surfaceText
                                elide: Text.ElideRight
                                width: parent.width
+                                horizontalAlignment: Text.AlignLeft
                            }

                            Row {
--- a/quickshell/Modules/ControlCenter/Details/BrightnessDetail.qml
+++ b/quickshell/Modules/ControlCenter/Details/BrightnessDetail.qml
@@ -7,6 +7,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string initialDeviceName: ""
    property string instanceId: ""
    property string screenName: ""
@@ -303,6 +306,7 @@ Rectangle {
                                        font.weight: modelData.name === currentDeviceName ? Font.Medium : Font.Normal
                                        elide: Text.ElideRight
                                        width: parent.width
+                                        horizontalAlignment: Text.AlignLeft
                                    }

                                    StyledText {
@@ -311,6 +315,7 @@ Rectangle {
                                        color: Theme.surfaceVariantText
                                        elide: Text.ElideRight
                                        width: parent.width
+                                        horizontalAlignment: Text.AlignLeft
                                    }

                                    StyledText {
@@ -328,6 +333,7 @@ Rectangle {
                                        color: Theme.surfaceVariantText
                                        elide: Text.ElideRight
                                        width: parent.width
+                                        horizontalAlignment: Text.AlignLeft
                                    }
                                }
                            }
--- a/quickshell/Modules/ControlCenter/Details/DiskUsageDetail.qml
+++ b/quickshell/Modules/ControlCenter/Details/DiskUsageDetail.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string currentMountPath: "/"
    property string instanceId: ""

@@ -128,6 +131,7 @@ Rectangle {
                                font.weight: modelData.mount === currentMountPath ? Font.Medium : Font.Normal
                                elide: Text.ElideRight
                                width: parent.width
+                                horizontalAlignment: Text.AlignLeft
                            }

                            StyledText {
@@ -137,6 +141,7 @@ Rectangle {
                                elide: Text.ElideRight
                                width: parent.width
                                visible: modelData.mount !== "/"
+                                horizontalAlignment: Text.AlignLeft
                            }

                            StyledText {
@@ -145,6 +150,7 @@ Rectangle {
                                color: Theme.surfaceVariantText
                                elide: Text.ElideRight
                                width: parent.width
+                                horizontalAlignment: Text.AlignLeft
                            }
                        }
                    }
--- a/quickshell/Modules/ControlCenter/Details/NetworkDetail.qml
+++ b/quickshell/Modules/ControlCenter/Details/NetworkDetail.qml
@@ -9,6 +9,9 @@ import qs.Modals
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    implicitHeight: {
        if (height > 0) {
            return height;
--- a/quickshell/Modules/ControlCenter/Widgets/AudioSliderRow.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/AudioSliderRow.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Row {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property var defaultSink: AudioService.sink
    property color sliderTrackColor: "transparent"

--- a/quickshell/Modules/ControlCenter/Widgets/BrightnessSliderRow.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/BrightnessSliderRow.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Row {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string deviceName: ""
    property string instanceId: ""
    property string screenName: ""
--- a/quickshell/Modules/ControlCenter/Widgets/CompactSlider.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/CompactSlider.qml
@@ -1,12 +1,13 @@
 import QtQuick
-import QtQuick.Controls
-import Quickshell
 import qs.Common
 import qs.Widgets

 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string iconName: ""
    property color iconColor: Theme.surfaceText
    property string labelText: ""
--- a/quickshell/Modules/ControlCenter/Widgets/CompoundPill.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/CompoundPill.qml
@@ -5,6 +5,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string iconName: ""
    property color iconColor: Theme.surfaceText
    property string primaryText: ""
@@ -137,6 +140,7 @@ Rectangle {
                    font.weight: Font.Medium
                    elide: Text.ElideRight
                    wrapMode: Text.NoWrap
+                    horizontalAlignment: Text.AlignLeft
                }
                StyledText {
                    width: parent.width
@@ -146,6 +150,7 @@ Rectangle {
                    visible: text.length > 0
                    elide: Text.ElideRight
                    wrapMode: Text.NoWrap
+                    horizontalAlignment: Text.AlignLeft
                }
            }

--- a/quickshell/Modules/ControlCenter/Widgets/DetailView.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/DetailView.qml
@@ -1,8 +1,4 @@
 import QtQuick
-import QtQuick.Controls
-import Quickshell
-import qs.Common
-import qs.Widgets

 Rectangle {
    id: root
@@ -24,6 +20,4 @@ Rectangle {
        sourceComponent: root.content
        asynchronous: true
    }
-
-
 }
--- a/quickshell/Modules/ControlCenter/Widgets/ErrorPill.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/ErrorPill.qml
@@ -5,6 +5,9 @@ import qs.Widgets
 StyledRect {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string primaryMessage: ""
    property string secondaryMessage: ""

@@ -37,6 +40,7 @@ StyledRect {
                color: Theme.warning
                font.weight: Font.Medium
                wrapMode: Text.WordWrap
+                horizontalAlignment: Text.AlignLeft
            }

            StyledText {
@@ -45,6 +49,7 @@ StyledRect {
                font.pixelSize: Theme.fontSizeSmall
                color: Theme.warning
                visible: text.length > 0
+                horizontalAlignment: Text.AlignLeft
            }
        }
    }
--- a/quickshell/Modules/ControlCenter/Widgets/InputAudioSliderRow.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/InputAudioSliderRow.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Row {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property var defaultSource: AudioService.source
    property color sliderTrackColor: "transparent"

--- a/quickshell/Modules/ControlCenter/Widgets/SmallBatteryButton.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/SmallBatteryButton.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property bool isActive: BatteryService.batteryAvailable && (BatteryService.isCharging || BatteryService.isPluggedIn)
    property bool enabled: BatteryService.batteryAvailable

--- a/quickshell/Modules/ControlCenter/Widgets/SmallDiskUsageButton.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/SmallDiskUsageButton.qml
@@ -6,6 +6,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string mountPath: "/"
    property string instanceId: ""

@@ -84,6 +87,7 @@ Rectangle {
                color: Theme.surfaceVariantText
                elide: Text.ElideMiddle
                width: Math.min(implicitWidth, root.width - Theme.iconSizeSmall - Theme.spacingM)
+                horizontalAlignment: Text.AlignLeft
            }

            StyledText {
--- a/quickshell/Modules/ControlCenter/Widgets/ToggleButton.qml
+++ b/quickshell/Modules/ControlCenter/Widgets/ToggleButton.qml
@@ -5,6 +5,9 @@ import qs.Widgets
 Rectangle {
    id: root

+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
    property string iconName: ""
    property string text: ""
    property bool isActive: false
@@ -90,6 +93,7 @@ Rectangle {
                    font.weight: Font.Medium
                    elide: Text.ElideRight
                    wrapMode: Text.NoWrap
+                    horizontalAlignment: Text.AlignLeft
                }

                StyledText {
@@ -100,6 +104,7 @@ Rectangle {
                    visible: text.length > 0
                    elide: Text.ElideRight
                    wrapMode: Text.NoWrap
+                    horizontalAlignment: Text.AlignLeft
                }
            }
        }