cleanup most numerical radius values

This commit is contained in:
2026-04-02 23:22:50 +02:00
parent 138d80ef00
commit 61c3fe20d5
40 changed files with 77 additions and 82 deletions
+4 -4
View File
@@ -19,7 +19,7 @@ Slider {
bottomRightRadius: root.implicitHeight / 15
color: root.nonPeakColor
implicitWidth: root.handle.x - root.implicitHeight
radius: 1000
radius: Appearance.rounding.full
topRightRadius: root.implicitHeight / 15
CustomRect {
@@ -29,7 +29,7 @@ Slider {
bottomRightRadius: root.implicitHeight / 15
color: root.peakColor
implicitWidth: parent.width * root.peak
radius: 1000
radius: Appearance.rounding.full
topRightRadius: root.implicitHeight / 15
Behavior on implicitWidth {
@@ -49,7 +49,7 @@ Slider {
bottomLeftRadius: root.implicitHeight / 15
color: DynamicColors.tPalette.m3surfaceContainer
implicitWidth: root.implicitWidth - root.handle.x - root.handle.implicitWidth - root.implicitHeight
radius: 1000
radius: Appearance.rounding.full
topLeftRadius: root.implicitHeight / 15
}
}
@@ -58,7 +58,7 @@ Slider {
color: DynamicColors.palette.m3primary
implicitHeight: 15
implicitWidth: 5
radius: 1000
radius: Appearance.rounding.full
x: root.visualPosition * root.availableWidth - implicitWidth / 2
MouseArea {
+1 -1
View File
@@ -6,7 +6,7 @@ Button {
id: control
property color bgColor: DynamicColors.palette.m3primary
property int radius: 4
property int radius: Appearance.rounding.smallest / 2
property color textColor: DynamicColors.palette.m3onPrimary
background: CustomRect {
+1 -1
View File
@@ -22,7 +22,7 @@ CheckBox {
color: DynamicColors.palette.m3surfaceVariant
implicitHeight: control.checkHeight
implicitWidth: control.checkWidth
radius: 4
radius: Appearance.rounding.smallest / 2
CustomRect {
color: DynamicColors.palette.m3primary
+2 -2
View File
@@ -25,7 +25,7 @@ RadioButton {
color: "transparent"
implicitHeight: 16
implicitWidth: 16
radius: 1000
radius: Appearance.rounding.full
Behavior on border.color {
CAnim {
@@ -47,7 +47,7 @@ RadioButton {
color: Qt.alpha(DynamicColors.palette.m3primary, root.checked ? 1 : 0)
implicitHeight: 8
implicitWidth: 8
radius: 1000
radius: Appearance.rounding.full
}
}
}
+1 -1
View File
@@ -29,7 +29,7 @@ ScrollBar {
return 0.6;
return 0;
}
radius: 1000
radius: Appearance.rounding.full
Behavior on opacity {
Anim {
+3 -3
View File
@@ -13,7 +13,7 @@ Slider {
bottomRightRadius: root.implicitHeight / 6
color: DynamicColors.palette.m3primary
implicitWidth: root.handle.x - root.implicitHeight / 2
radius: 1000
radius: Appearance.rounding.full
topRightRadius: root.implicitHeight / 6
}
@@ -24,7 +24,7 @@ Slider {
bottomLeftRadius: root.implicitHeight / 6
color: DynamicColors.tPalette.m3surfaceContainer
implicitWidth: parent.width - root.handle.x - root.handle.implicitWidth - root.implicitHeight / 2
radius: 1000
radius: Appearance.rounding.full
topLeftRadius: root.implicitHeight / 6
}
}
@@ -33,7 +33,7 @@ Slider {
color: DynamicColors.palette.m3primary
implicitHeight: 15
implicitWidth: 5
radius: 1000
radius: Appearance.rounding.full
x: root.visualPosition * root.availableWidth - implicitWidth / 2
MouseArea {
+2 -2
View File
@@ -15,7 +15,7 @@ Switch {
color: root.checked ? DynamicColors.palette.m3primary : DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHighest, root.cLayer)
implicitHeight: 13 + 7 * 2
implicitWidth: implicitHeight * 1.7
radius: 1000
radius: Appearance.rounding.full
CustomRect {
readonly property real nonAnimWidth: root.pressed ? implicitHeight * 1.3 : implicitHeight
@@ -24,7 +24,7 @@ Switch {
color: root.checked ? DynamicColors.palette.m3onPrimary : DynamicColors.layer(DynamicColors.palette.m3outline, root.cLayer + 1)
implicitHeight: parent.implicitHeight - 10
implicitWidth: nonAnimWidth
radius: 1000
radius: Appearance.rounding.full
x: root.checked ? parent.implicitWidth - nonAnimWidth - 10 / 2 : 10 / 2
Behavior on implicitWidth {
+1 -1
View File
@@ -22,7 +22,7 @@ Item {
implicitHeight: shown ? (tooltipTextObject.implicitHeight + 2 * root.verticalPadding) : 0
implicitWidth: shown ? (tooltipTextObject.implicitWidth + 2 * root.horizontalPadding) : 0
opacity: shown ? 1 : 0
radius: 8
radius: Appearance.rounding.smallest
Behavior on implicitHeight {
Anim {
+1 -1
View File
@@ -10,7 +10,7 @@ CustomRect {
implicitHeight: count.implicitHeight + 4 * 2
implicitWidth: count.implicitWidth + 8 * 2
opacity: extra > 0 ? 1 : 0
radius: 8
radius: Appearance.rounding.smallest
scale: extra > 0 ? 1 : 0.5
Behavior on opacity {
+1 -1
View File
@@ -85,7 +85,7 @@ MouseArea {
border.pixelAligned: false
color: root.color
opacity: 0
radius: 1000
radius: Appearance.rounding.full
transform: Translate {
x: -ripple.width / 2
+4 -4
View File
@@ -19,7 +19,7 @@ Slider {
bottomRightRadius: root.implicitHeight / 15
color: root.nonPeakColor
implicitWidth: root.handle.x - root.implicitHeight
radius: 1000
radius: Appearance.rounding.full
topRightRadius: root.implicitHeight / 15
CustomRect {
@@ -29,7 +29,7 @@ Slider {
bottomRightRadius: root.implicitHeight / 15
color: root.peakColor
implicitWidth: parent.width * root.peak
radius: 1000
radius: Appearance.rounding.full
topRightRadius: root.implicitHeight / 15
Behavior on implicitWidth {
@@ -49,7 +49,7 @@ Slider {
bottomLeftRadius: root.implicitHeight / 15
color: DynamicColors.tPalette.m3surfaceContainer
implicitWidth: root.implicitWidth - root.handle.x - root.handle.implicitWidth - root.implicitHeight
radius: 1000
radius: Appearance.rounding.full
topLeftRadius: root.implicitHeight / 15
}
}
@@ -58,7 +58,7 @@ Slider {
color: DynamicColors.palette.m3primary
implicitHeight: 15
implicitWidth: 5
radius: 1000
radius: Appearance.rounding.full
x: root.visualPosition * root.availableWidth - implicitWidth / 2
MouseArea {
+1 -1
View File
@@ -6,7 +6,7 @@ Button {
id: control
property color bgColor: DynamicColors.palette.m3primary
property int radius: 4
property int radius: Appearance.rounding.smallest / 2
property color textColor: DynamicColors.palette.m3onPrimary
background: CustomRect {
+1 -1
View File
@@ -22,7 +22,7 @@ CheckBox {
color: DynamicColors.palette.m3surfaceVariant
implicitHeight: control.checkHeight
implicitWidth: control.checkWidth
radius: 4
radius: Appearance.rounding.smallest / 2
CustomRect {
color: DynamicColors.palette.m3primary
+2 -2
View File
@@ -25,7 +25,7 @@ RadioButton {
color: "transparent"
implicitHeight: 16
implicitWidth: 16
radius: 1000
radius: Appearance.rounding.full
Behavior on border.color {
CAnim {
@@ -47,7 +47,7 @@ RadioButton {
color: Qt.alpha(DynamicColors.palette.m3primary, root.checked ? 1 : 0)
implicitHeight: 8
implicitWidth: 8
radius: 1000
radius: Appearance.rounding.full
}
}
}
+1 -1
View File
@@ -29,7 +29,7 @@ ScrollBar {
return 0.6;
return 0;
}
radius: 1000
radius: Appearance.rounding.full
Behavior on opacity {
Anim {
+3 -3
View File
@@ -13,7 +13,7 @@ Slider {
bottomRightRadius: root.implicitHeight / 6
color: DynamicColors.palette.m3primary
implicitWidth: root.handle.x - root.implicitHeight / 2
radius: 1000
radius: Appearance.rounding.full
topRightRadius: root.implicitHeight / 6
}
@@ -24,7 +24,7 @@ Slider {
bottomLeftRadius: root.implicitHeight / 6
color: DynamicColors.tPalette.m3surfaceContainer
implicitWidth: parent.width - root.handle.x - root.handle.implicitWidth - root.implicitHeight / 2
radius: 1000
radius: Appearance.rounding.full
topLeftRadius: root.implicitHeight / 6
}
}
@@ -33,7 +33,7 @@ Slider {
color: DynamicColors.palette.m3primary
implicitHeight: 15
implicitWidth: 5
radius: 1000
radius: Appearance.rounding.full
x: root.visualPosition * root.availableWidth - implicitWidth / 2
MouseArea {
+2 -2
View File
@@ -15,7 +15,7 @@ Switch {
color: root.checked ? DynamicColors.palette.m3primary : DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHighest, root.cLayer)
implicitHeight: 13 + 7 * 2
implicitWidth: implicitHeight * 1.7
radius: 1000
radius: Appearance.rounding.full
CustomRect {
readonly property real nonAnimWidth: root.pressed ? implicitHeight * 1.3 : implicitHeight
@@ -24,7 +24,7 @@ Switch {
color: root.checked ? DynamicColors.palette.m3onPrimary : DynamicColors.layer(DynamicColors.palette.m3outline, root.cLayer + 1)
implicitHeight: parent.implicitHeight - 10
implicitWidth: nonAnimWidth
radius: 1000
radius: Appearance.rounding.full
x: root.checked ? parent.implicitWidth - nonAnimWidth - 10 / 2 : 10 / 2
Behavior on implicitWidth {
+1 -1
View File
@@ -22,7 +22,7 @@ Item {
implicitHeight: shown ? (tooltipTextObject.implicitHeight + 2 * root.verticalPadding) : 0
implicitWidth: shown ? (tooltipTextObject.implicitWidth + 2 * root.horizontalPadding) : 0
opacity: shown ? 1 : 0
radius: 8
radius: Appearance.rounding.smallest
Behavior on implicitHeight {
Anim {
+1 -1
View File
@@ -10,7 +10,7 @@ CustomRect {
implicitHeight: count.implicitHeight + 4 * 2
implicitWidth: count.implicitWidth + 8 * 2
opacity: extra > 0 ? 1 : 0
radius: 8
radius: Appearance.rounding.smallest
scale: extra > 0 ? 1 : 0.5
Behavior on opacity {
+1 -1
View File
@@ -85,7 +85,7 @@ MouseArea {
border.pixelAligned: false
color: root.color
opacity: 0
radius: 1000
radius: Appearance.rounding.full
transform: Translate {
x: -ripple.width / 2
+1 -1
View File
@@ -7,7 +7,7 @@ Item {
ClippingRectangle {
anchors.fill: parent
radius: 1000
radius: Appearance.rounding.full
Image {
id: userImage
+4 -8
View File
@@ -124,12 +124,10 @@ Item {
VolumesTab {
id: vol
}
DevicesTab {
id: dev
}
}
}
@@ -139,12 +137,10 @@ Item {
ButtonGroup {
id: sinks
}
ButtonGroup {
id: sources
}
CustomText {
@@ -210,7 +206,7 @@ Item {
Layout.preferredHeight: 40
Layout.preferredWidth: 40
color: DynamicColors.palette.m3primary
radius: 1000
radius: Appearance.rounding.full
MaterialIcon {
anchors.alignWhenCentered: false
@@ -284,7 +280,7 @@ Item {
Layout.preferredHeight: 40
Layout.preferredWidth: 40
color: DynamicColors.palette.m3primary
radius: 1000
radius: Appearance.rounding.full
MaterialIcon {
anchors.alignWhenCentered: false
@@ -372,7 +368,7 @@ Item {
Layout.preferredHeight: 40
Layout.preferredWidth: 40
color: DynamicColors.palette.m3primary
radius: 1000
radius: Appearance.rounding.full
MaterialIcon {
id: icon
@@ -383,7 +379,7 @@ Item {
text: "volume_up"
StateLayer {
radius: 1000
radius: Appearance.rounding.full
onClicked: {
appBox.modelData.audio.muted = !appBox.modelData.audio.muted;
+1 -1
View File
@@ -15,7 +15,7 @@ CustomRect {
anchors.topMargin: 6
color: DynamicColors.tPalette.m3surfaceContainer
implicitWidth: 40
radius: 1000
radius: Appearance.rounding.full
StateLayer {
onClicked: {
+1 -1
View File
@@ -18,7 +18,7 @@ Row {
color: DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHigh, 2)
implicitHeight: info.implicitHeight
implicitWidth: info.implicitHeight
radius: 8
radius: Appearance.rounding.smallest
MaterialIcon {
anchors.centerIn: parent
+3 -3
View File
@@ -83,7 +83,7 @@ Item {
anchors.top: parent.top
color: DynamicColors.palette.m3primary
implicitHeight: parent.implicitHeight * 2
radius: 1000
radius: Appearance.rounding.full
}
}
@@ -184,7 +184,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter
color: "transparent"
implicitHeight: parent.height + 8 * 2
radius: 8
radius: Appearance.rounding.smallest
CustomRect {
id: stateLayer
@@ -204,7 +204,7 @@ Item {
color: tab.current ? DynamicColors.palette.m3primary : DynamicColors.palette.m3onSurface
opacity: 0
radius: 1000
radius: Appearance.rounding.full
transform: Translate {
x: -ripple.width / 2
+2 -2
View File
@@ -202,7 +202,7 @@ Item {
anchors.margins: 4
color: "white"
opacity: root.selectedIcons.includes(filePath) ? 0.2 : 0.0
radius: 8
radius: Appearance.rounding.smallest
Behavior on opacity {
Anim {
@@ -262,7 +262,7 @@ Item {
anchors.margins: 4
color: "white"
opacity: parent.containsMouse ? 0.1 : 0.0
radius: 8
radius: Appearance.rounding.smallest
Behavior on opacity {
Anim {
+1 -1
View File
@@ -50,7 +50,7 @@ Item {
anchors.right: parent.right
color: DynamicColors.layer(DynamicColors.palette.m3surfaceContainer, 2)
implicitHeight: Math.max(searchIcon.implicitHeight, search.implicitHeight, clearIcon.implicitHeight)
radius: 8
radius: Appearance.rounding.smallest
MaterialIcon {
id: searchIcon
+1 -1
View File
@@ -23,7 +23,7 @@ Item {
root.visibilities.launcher = false;
}
radius: 8
radius: Appearance.rounding.smallest
}
Item {
+1 -1
View File
@@ -8,7 +8,7 @@ Item {
ClippingRectangle {
anchors.fill: parent
radius: 1000
radius: Appearance.rounding.full
Image {
id: userImage
+2 -2
View File
@@ -51,7 +51,7 @@ Item {
anchors.fill: parent
anchors.margins: root.padding
color: "transparent"
radius: 4
radius: Appearance.rounding.smallest / 2
CustomListView {
id: list
@@ -126,7 +126,7 @@ Item {
color: "transparent"
implicitHeight: notif.implicitHeight
implicitWidth: notif.implicitWidth
radius: 4
radius: Appearance.rounding.smallest / 2
Notification {
id: notif
+5 -5
View File
@@ -115,7 +115,7 @@ CustomRect {
sourceComponent: ClippingRectangle {
implicitHeight: Config.notifs.sizes.image
implicitWidth: Config.notifs.sizes.image
radius: 1000
radius: Appearance.rounding.full
Image {
anchors.fill: parent
@@ -142,7 +142,7 @@ CustomRect {
color: root.modelData.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3error : root.modelData.urgency === NotificationUrgency.Low ? DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHighest, 2) : DynamicColors.palette.m3secondaryContainer
implicitHeight: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
implicitWidth: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
radius: 1000
radius: Appearance.rounding.full
Loader {
id: icon
@@ -312,7 +312,7 @@ CustomRect {
}
color: root.modelData.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3onSecondaryContainer : DynamicColors.palette.m3onSurface
radius: 1000
radius: Appearance.rounding.full
}
MaterialIcon {
@@ -431,7 +431,7 @@ CustomRect {
color: root.modelData.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3secondary : DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHigh, 2)
implicitHeight: actionText.height + 4 * 2
implicitWidth: actionText.width + 8 * 2
radius: 1000
radius: Appearance.rounding.full
StateLayer {
function onClicked(): void {
@@ -439,7 +439,7 @@ CustomRect {
}
color: root.modelData.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3onSecondary : DynamicColors.palette.m3onSurface
radius: 1000
radius: Appearance.rounding.full
}
CustomText {
+1 -1
View File
@@ -19,7 +19,7 @@ Item {
Layout.fillHeight: true
Layout.fillWidth: true
color: DynamicColors.tPalette.m3surfaceContainerLow
radius: 8
radius: Appearance.rounding.smallest
NotifDock {
props: root.props
+1 -1
View File
@@ -171,7 +171,7 @@ Item {
font.pointSize: Math.round(18 * 1.2)
icon: "clear_all"
padding: 8
radius: 8
radius: Appearance.rounding.smallest
onClicked: clearTimer.start()
+4 -4
View File
@@ -43,7 +43,7 @@ CustomRect {
clip: true
color: DynamicColors.layer(DynamicColors.palette.m3surfaceContainer, 2)
implicitHeight: content.implicitHeight + 10 * 2
radius: 8
radius: Appearance.rounding.smallest
Component.onDestruction: {
if (notifCount === 0 && expanded)
@@ -100,7 +100,7 @@ CustomRect {
CustomClippingRect {
anchors.fill: parent
color: root.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3error : root.urgency === NotificationUrgency.Low ? DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHigh, 3) : DynamicColors.palette.m3secondaryContainer
radius: 1000
radius: Appearance.rounding.full
Loader {
anchors.centerIn: parent
@@ -117,7 +117,7 @@ CustomRect {
color: root.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3error : root.urgency === NotificationUrgency.Low ? DynamicColors.palette.m3surfaceContainerHigh : DynamicColors.palette.m3secondaryContainer
implicitHeight: Config.notifs.sizes.badge
implicitWidth: Config.notifs.sizes.badge
radius: 1000
radius: Appearance.rounding.full
CustomIcon {
anchors.centerIn: parent
@@ -168,7 +168,7 @@ CustomRect {
color: root.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3error : DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHigh, 3)
implicitHeight: groupCount.implicitHeight + 10
implicitWidth: expandBtn.implicitWidth + 7 * 2
radius: 1000
radius: Appearance.rounding.full
StateLayer {
function onClicked(): void {
@@ -16,7 +16,7 @@ CustomRect {
Layout.fillWidth: true
color: DynamicColors.tPalette.m3surfaceContainer
implicitHeight: layout.implicitHeight + 18 * 2
radius: 8
radius: Appearance.rounding.smallest
ColumnLayout {
id: layout
@@ -11,7 +11,7 @@ CustomRect {
clip: true
color: DynamicColors.tPalette.m3surfaceContainer
implicitHeight: layout.implicitHeight + (IdleInhibitor.enabled ? activeChip.implicitHeight + activeChip.anchors.topMargin : 0) + 18 * 2
radius: 8
radius: Appearance.rounding.smallest
Behavior on implicitHeight {
Anim {
@@ -33,7 +33,7 @@ CustomRect {
color: IdleInhibitor.enabled ? DynamicColors.palette.m3secondary : DynamicColors.palette.m3secondaryContainer
implicitHeight: icon.implicitHeight + 7 * 2
implicitWidth: implicitHeight
radius: 1000
radius: Appearance.rounding.full
MaterialIcon {
id: icon
@@ -102,7 +102,7 @@ CustomRect {
color: DynamicColors.palette.m3primary
implicitHeight: activeText.implicitHeight + 10 * 2
implicitWidth: activeText.implicitWidth + 10 * 2
radius: 1000
radius: Appearance.rounding.full
CustomText {
id: activeText
+5 -6
View File
@@ -82,7 +82,7 @@ Scope {
implicitHeight: layout.childrenRect.height + 28
implicitWidth: layout.childrenRect.width + 32
opacity: 0
radius: 24
radius: Appearance.rounding.small * 2
ColumnLayout {
id: layout
@@ -159,7 +159,7 @@ Scope {
background: CustomRect {
color: (polkitAgent.flow?.failed && passInput.text === "") ? DynamicColors.palette.m3error : DynamicColors.tPalette.m3surfaceVariant
implicitHeight: 40
radius: 8
radius: Appearance.rounding.smallest
}
onAccepted: okButton.clicked()
@@ -251,7 +251,7 @@ Scope {
Layout.preferredWidth: 92
bgColor: DynamicColors.palette.m3surfaceContainer
enabled: true
radius: 1000
radius: Appearance.rounding.full
text: "Details"
textColor: DynamicColors.palette.m3onSurface
@@ -274,7 +274,7 @@ Scope {
Layout.preferredWidth: 76
bgColor: DynamicColors.palette.m3primary
enabled: passInput.text.length > 0 || !!polkitAgent.flow?.isResponseRequired
radius: 1000
radius: Appearance.rounding.full
text: "OK"
textColor: DynamicColors.palette.m3onPrimary
@@ -293,7 +293,7 @@ Scope {
Layout.preferredWidth: 76
bgColor: DynamicColors.palette.m3surfaceContainer
enabled: passInput.text.length > 0 || !!polkitAgent.flow?.isResponseRequired
radius: 1000
radius: Appearance.rounding.full
text: "Cancel"
textColor: DynamicColors.palette.m3onSurface
@@ -327,7 +327,6 @@ Scope {
PolkitAgent {
id: polkitAgent
}
Variants {
+2 -2
View File
@@ -86,7 +86,7 @@ StackView {
color: modelData.isSeparator ? DynamicColors.palette.m3outlineVariant : "transparent"
implicitHeight: modelData.isSeparator ? 1 : children.implicitHeight
implicitWidth: root.biggestWidth
radius: 4
radius: Appearance.rounding.smallest / 2
Loader {
id: children
@@ -211,7 +211,7 @@ StackView {
CustomRect {
anchors.fill: parent
color: DynamicColors.palette.m3secondaryContainer
radius: 4
radius: Appearance.rounding.smallest / 2
StateLayer {
function onClicked(): void {
+2 -2
View File
@@ -37,7 +37,7 @@ Item {
id: indicator
color: DynamicColors.palette.m3primary
radius: 1000
radius: Appearance.rounding.full
state: profiles.current
states: [
@@ -158,7 +158,7 @@ Item {
}
color: profiles.current === parent.icon ? DynamicColors.palette.m3onPrimary : DynamicColors.palette.m3onSurface
radius: 1000
radius: Appearance.rounding.full
}
MaterialIcon {
+2 -2
View File
@@ -36,7 +36,7 @@ Item {
Layout.preferredWidth: 320 + 10
border.color: "white"
border.width: 1
radius: 8
radius: Appearance.rounding.smallest
Repeater {
model: workspacePreview.modelData.toplevels
@@ -65,7 +65,7 @@ Item {
border.width: 1
implicitHeight: preview.appPosition.height
implicitWidth: preview.appPosition.width
radius: 4
radius: Appearance.rounding.smallest / 2
x: preview.appPosition.x
y: preview.appPosition.y - 3.4