nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor: replace scaled spacing with new tokens

Browse source
This commit is contained in:
2 * r + 2 * t 2026-04-20 19:58:21 +10:00
parent 52272c062d
commit 7cb3944af7
36 changed files with 54 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/ConnectionInfoSection.qml
View file

@ -9,7 +9,7 @@ ColumnLayout {
required property var deviceDetails
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
text: qsTr("IP Address")

2
components/PropertyRow.qml
View file

@ -11,7 +11,7 @@ ColumnLayout {
required property string value
property bool showTopMargin: false
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
Layout.topMargin: root.showTopMargin ? Tokens.spacing.medium : 0

2
components/controls/CollapsibleSection.qml
View file

@ -76,7 +76,7 @@ ColumnLayout {
id: contentWrapper
Layout.fillWidth: true
Layout.preferredHeight: root.expanded ? (contentColumn.implicitHeight + Tokens.spacing.small * 2) : 0
Layout.preferredHeight: root.expanded ? (contentColumn.implicitHeight + Tokens.spacing.large) : 0
clip: true
Behavior on Layout.preferredHeight {

2
components/controls/SplitButton.qml
View file

@ -33,7 +33,7 @@ Row {
property color disabledColour: Qt.alpha(Colours.palette.m3onSurface, 0.1)
property color disabledTextColour: Qt.alpha(Colours.palette.m3onSurface, 0.38)
spacing: Math.floor(Tokens.spacing.small / 2)
spacing: Math.floor(Tokens.spacing.extraSmall)
StyledRect {
radius: implicitHeight / 2 * Math.min(1, Tokens.rounding.scale)

2
components/filedialog/FolderContents.qml
View file

@ -83,7 +83,7 @@ Item {
anchors.margins: Tokens.padding.extraSmall + Tokens.padding.medium
cellWidth: Sizes.itemWidth + Tokens.spacing.small
cellHeight: Sizes.itemWidth + Tokens.spacing.small * 2 + Tokens.padding.medium * 2 + 1
cellHeight: Sizes.itemWidth + Tokens.spacing.large + Tokens.padding.medium * 2 + 1
clip: true
focus: true

2
components/filedialog/Sidebar.qml
View file

@ -24,7 +24,7 @@ StyledRect {
anchors.right: parent.right
anchors.top: parent.top
anchors.margins: Tokens.padding.medium
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
Layout.alignment: Qt.AlignHCenter

2
modules/bar/components/workspaces/Workspaces.qml
View file

@ -64,7 +64,7 @@ StyledClippingRect {
id: layout
anchors.centerIn: parent
spacing: Math.floor(Tokens.spacing.small / 2)
spacing: Math.floor(Tokens.spacing.extraSmall)
Repeater {
id: workspaces

2
modules/bar/popouts/Audio.qml
View file

@ -73,7 +73,7 @@ Item {
StyledText {
Layout.topMargin: Tokens.spacing.medium
Layout.bottomMargin: -Tokens.spacing.small / 2
Layout.bottomMargin: -Tokens.spacing.extraSmall
text: qsTr("Volume (%1)").arg(Audio.muted ? qsTr("Muted") : `${Math.round(Audio.volume * 100)}%`)
font.weight: 500
}

4
modules/bar/popouts/Bluetooth.qml
View file

@ -96,8 +96,8 @@ ColumnLayout {
}
StyledText {
Layout.leftMargin: Tokens.spacing.small / 2
Layout.rightMargin: Tokens.spacing.small / 2
Layout.leftMargin: Tokens.spacing.extraSmall
Layout.rightMargin: Tokens.spacing.extraSmall
Layout.fillWidth: true
text: device.modelData.name
elide: Text.ElideRight

8
modules/bar/popouts/Network.qml
View file

@ -101,8 +101,8 @@ ColumnLayout {
}
StyledText {
Layout.leftMargin: Tokens.spacing.small / 2
Layout.rightMargin: Tokens.spacing.small / 2
Layout.leftMargin: Tokens.spacing.extraSmall
Layout.rightMargin: Tokens.spacing.extraSmall
Layout.fillWidth: true
text: networkItem.modelData.ssid
elide: Text.ElideRight
@ -278,8 +278,8 @@ ColumnLayout {
}
StyledText {
Layout.leftMargin: Tokens.spacing.small / 2
Layout.rightMargin: Tokens.spacing.small / 2
Layout.leftMargin: Tokens.spacing.extraSmall
Layout.rightMargin: Tokens.spacing.extraSmall
Layout.fillWidth: true
text: ethernetItem.modelData.interface || qsTr("Unknown")
elide: Text.ElideRight

2
modules/bar/popouts/TrayMenu.qml
View file

@ -180,7 +180,7 @@ StackView {
sourceComponent: Item {
implicitWidth: back.implicitWidth
implicitHeight: back.implicitHeight + Tokens.spacing.small / 2
implicitHeight: back.implicitHeight + Tokens.spacing.extraSmall
Item {
anchors.bottom: parent.bottom

2
modules/bar/popouts/WirelessPassword.qml
View file

@ -394,7 +394,7 @@ ColumnLayout {
implicitHeight: Tokens.font.size.normal
orientation: Qt.Horizontal
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
interactive: false
model: ScriptModel {

2
modules/controlcenter/NavRail.qml
View file

@ -219,7 +219,7 @@ Item {
anchors.horizontalCenter: icon.horizontalCenter
anchors.top: icon.bottom
anchors.topMargin: Tokens.spacing.small / 2
anchors.topMargin: Tokens.spacing.extraSmall
text: item.label
font.pointSize: Tokens.font.size.small

2
modules/controlcenter/appearance/sections/ColorSchemeSection.qml
View file

@ -18,7 +18,7 @@ CollapsibleSection {
ColumnLayout {
Layout.fillWidth: true
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
Repeater {
model: Schemes.list

2
modules/controlcenter/appearance/sections/ColorVariantSection.qml
View file

@ -18,7 +18,7 @@ CollapsibleSection {
ColumnLayout {
Layout.fillWidth: true
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
Repeater {
model: M3Variants.list

6
modules/controlcenter/appearance/sections/FontsSection.qml
View file

@ -38,7 +38,7 @@ CollapsibleSection {
property alias contentHeight: sansFontList.contentHeight
clip: true
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
model: Qt.fontFamilies()
StyledScrollBar.vertical: StyledScrollBar {
@ -119,7 +119,7 @@ CollapsibleSection {
property alias contentHeight: monoFontList.contentHeight
clip: true
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
model: Qt.fontFamilies()
StyledScrollBar.vertical: StyledScrollBar {
@ -202,7 +202,7 @@ CollapsibleSection {
property alias contentHeight: materialFontList.contentHeight
clip: true
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
model: Qt.fontFamilies().filter(f => f.startsWith("Material Symbols"))
StyledScrollBar.vertical: StyledScrollBar {

6
modules/controlcenter/bluetooth/Details.qml
View file

@ -348,7 +348,7 @@ StyledFlickable {
anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
text: root.device?.batteryAvailable ? qsTr("Device battery (%1%)").arg(root.device.battery * 100) : qsTr("Battery unavailable")
@ -357,10 +357,10 @@ StyledFlickable {
RowLayout {
id: batteryPercent
Layout.topMargin: Tokens.spacing.small / 2
Layout.topMargin: Tokens.spacing.extraSmall
Layout.fillWidth: true
Layout.preferredHeight: Tokens.padding.small
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledRect {
Layout.fillWidth: true

2
modules/controlcenter/bluetooth/Settings.qml
View file

@ -468,7 +468,7 @@ ColumnLayout {
anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
text: qsTr("Adapter state")

2
modules/controlcenter/components/DeviceList.qml
View file

@ -78,7 +78,7 @@ ColumnLayout {
model: root.model
delegate: root.delegate
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
interactive: false
clip: false
}

2
modules/controlcenter/launcher/LauncherPane.qml
View file

@ -296,7 +296,7 @@ Item {
Layout.fillHeight: true
model: root.filteredApps
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
clip: true
StyledScrollBar.vertical: StyledScrollBar {

8
modules/controlcenter/launcher/Settings.qml
View file

@ -69,7 +69,7 @@ ColumnLayout {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Max shown items")
@ -96,7 +96,7 @@ ColumnLayout {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Special prefix")
@ -165,7 +165,7 @@ ColumnLayout {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Item width")
@ -198,7 +198,7 @@ ColumnLayout {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Total hidden")

2
modules/controlcenter/network/EthernetDetails.qml
View file

@ -77,7 +77,7 @@ DeviceDetails {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Interface")

2
modules/controlcenter/network/EthernetSettings.qml
View file

@ -49,7 +49,7 @@ ColumnLayout {
anchors.verticalCenter: parent.verticalCenter
anchors.margins: Tokens.padding.large
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
text: qsTr("Total devices")

4
modules/controlcenter/network/NetworkSettings.qml
View file

@ -31,7 +31,7 @@ ColumnLayout {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Total devices")
@ -106,7 +106,7 @@ ColumnLayout {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Network")

2
modules/controlcenter/network/VpnDetails.qml
View file

@ -181,7 +181,7 @@ DeviceDetails {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Provider")

2
modules/controlcenter/network/WirelessDetails.qml
View file

@ -120,7 +120,7 @@ DeviceDetails {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("SSID")

2
modules/controlcenter/network/WirelessPasswordDialog.qml
View file

@ -321,7 +321,7 @@ Item {
implicitHeight: Tokens.font.size.normal
orientation: Qt.Horizontal
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
interactive: false
model: ScriptModel {

2
modules/controlcenter/network/WirelessSettings.qml
View file

@ -45,7 +45,7 @@ ColumnLayout {
}
SectionContainer {
contentSpacing: Tokens.spacing.small / 2
contentSpacing: Tokens.spacing.extraSmall
PropertyRow {
label: qsTr("Connected network")

4
modules/dashboard/WeatherTab.qml
View file

@ -25,7 +25,7 @@ Item {
Layout.fillWidth: true
Column {
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
text: Weather.city || qsTr("Loading...")
@ -176,7 +176,7 @@ Item {
}
StyledText {
Layout.topMargin: -Tokens.spacing.small / 2
Layout.topMargin: -Tokens.spacing.extraSmall
Layout.alignment: Qt.AlignHCenter
text: new Date(forecastItem.modelData.date).toLocaleDateString(Qt.locale(), "MMM d")
font.pointSize: Tokens.font.size.small

4
modules/launcher/items/WallpaperItem.qml
View file

@ -22,7 +22,7 @@ Item {
}
implicitWidth: image.width + Tokens.padding.medium * 2
implicitHeight: image.height + label.height + Tokens.spacing.small / 2 + Tokens.padding.large + Tokens.padding.medium
implicitHeight: image.height + label.height + Tokens.spacing.extraSmall + Tokens.padding.large + Tokens.padding.medium
StateLayer {
radius: Tokens.rounding.large
@ -75,7 +75,7 @@ Item {
id: label
anchors.top: image.bottom
anchors.topMargin: Tokens.spacing.small / 2
anchors.topMargin: Tokens.spacing.extraSmall
anchors.horizontalCenter: parent.horizontalCenter
width: image.width - Tokens.padding.medium * 2

2
modules/lock/InputField.qml
View file

@ -77,7 +77,7 @@ Item {
implicitHeight: Tokens.font.size.normal
orientation: Qt.Horizontal
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
interactive: false
model: ScriptModel {

4
modules/lock/NotifGroup.qml
View file

@ -143,7 +143,7 @@ StyledRect {
Layout.topMargin: -Tokens.padding.extraSmall
Layout.bottomMargin: -Tokens.padding.extraSmall / 2 - (root.expanded ? 0 : spacing)
Layout.fillWidth: true
spacing: Math.round(Tokens.spacing.small / 2)
spacing: Math.round(Tokens.spacing.extraSmall)
RowLayout {
Layout.bottomMargin: -parent.spacing
@ -184,7 +184,7 @@ StyledRect {
id: expandBtn
anchors.centerIn: parent
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
id: groupCount

2
modules/sidebar/Notif.qml
View file

@ -117,7 +117,7 @@ StyledRect {
anchors.top: summary.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: Tokens.spacing.small / 2
anchors.topMargin: Tokens.spacing.extraSmall
sourceComponent: ExpandedBody {}
}

6
modules/sidebar/NotifGroup.qml
View file

@ -32,7 +32,7 @@ StyledRect {
}
readonly property int nonAnimHeight: {
const headerHeight = header.implicitHeight + (root.expanded ? Math.round(Tokens.spacing.small / 2) : 0);
const headerHeight = header.implicitHeight + (root.expanded ? Math.round(Tokens.spacing.extraSmall) : 0);
const columnHeight = headerHeight + notifList.layoutHeight;
return Math.round(Math.max(TokenConfig.sizes.notifs.image, columnHeight) + Tokens.padding.medium * 2);
}
@ -157,7 +157,7 @@ StyledRect {
id: column
Layout.fillWidth: true
spacing: root.expanded ? Math.round(Tokens.spacing.small / 2) : 0
spacing: root.expanded ? Math.round(Tokens.spacing.extraSmall) : 0
Behavior on spacing {
Anim {}
@ -201,7 +201,7 @@ StyledRect {
id: expandBtn
anchors.centerIn: parent
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
StyledText {
id: groupCount

2
modules/sidebar/NotifGroupList.qml
View file

@ -22,7 +22,7 @@ LazyListView {
anchors.right: parent.right
implicitHeight: contentHeight
spacing: Math.round(Tokens.spacing.small / 2)
spacing: Math.round(Tokens.spacing.extraSmall)
asynchronous: true
readyDelay: 1

4
modules/utilities/cards/RecordingList.qml
View file

@ -78,13 +78,13 @@ ColumnLayout {
anchors.left: list.contentItem.left
anchors.right: list.contentItem.right
anchors.rightMargin: Tokens.spacing.small
spacing: Tokens.spacing.small / 2
spacing: Tokens.spacing.extraSmall
Component.onCompleted: baseName = modelData.baseName
StyledText {
Layout.fillWidth: true
Layout.rightMargin: Tokens.spacing.small / 2
Layout.rightMargin: Tokens.spacing.extraSmall
text: {
const time = recording.baseName;
const matches = time.match(/^recording_(\d{4})(\d{2})(\d{2})_(\d{2})-(\d{2})-(\d{2})/);