never/noctalia-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIcon new widget to simplify icons display

Browse source
This commit is contained in:
quadbyte 2025-08-17 16:04:23 -04:00
parent 9bb9e7e015
commit ac8b4793d8
21 changed files with 64 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

3
Modules/AppLauncher/AppLauncher.qml
View file

@ -292,10 +292,9 @@ NLoader {
anchors.fill: parent anchors.fill: parent
anchors.margins: Style.marginMedium * scaling anchors.margins: Style.marginMedium * scaling
Text { NIcon {
id: searchIcon id: searchIcon
text: "search" text: "search"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarger * scaling font.pointSize: Style.fontSizeLarger * scaling
color: searchInput.activeFocus ? Color.mPrimary : Color.mOnSurface color: searchInput.activeFocus ? Color.mPrimary : Color.mOnSurface
anchors.left: parent.left anchors.left: parent.left

3
Modules/Bar/ActiveWindow.qml
View file

@ -75,10 +75,9 @@ Row {
spacing: Style.marginTiny * scaling spacing: Style.marginTiny * scaling
// Window icon // Window icon
NText { NIcon {
id: windowIcon id: windowIcon
text: "dialogs" text: "dialogs"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling font.pointSize: Style.fontSizeLarge * scaling
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter

12
Modules/Bar/BluetoothMenu.qml
View file

@ -121,9 +121,8 @@ NLoader {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Style.marginMedium * scaling spacing: Style.marginMedium * scaling
NText { NIcon {
text: "bluetooth" text: "bluetooth"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: Color.mPrimary color: Color.mPrimary
} }
@ -230,9 +229,8 @@ NLoader {
spacing: Style.marginSmall * scaling spacing: Style.marginSmall * scaling
// One device BT icon // One device BT icon
NText { NIcon {
text: BluetoothService.getDeviceIcon(modelData) text: BluetoothService.getDeviceIcon(modelData)
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: { color: {
if (availableDeviceArea.containsMouse) if (availableDeviceArea.containsMouse)
@ -305,9 +303,8 @@ NLoader {
} }
} }
NText { NIcon {
text: BluetoothService.getSignalIcon(modelData) text: BluetoothService.getSignalIcon(modelData)
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeSmall * scaling font.pointSize: Style.fontSizeSmall * scaling
color: { color: {
if (availableDeviceArea.containsMouse) if (availableDeviceArea.containsMouse)
@ -430,9 +427,8 @@ NLoader {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
spacing: Style.marginMedium * scaling spacing: Style.marginMedium * scaling
NText { NIcon {
text: "sync" text: "sync"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXLL * 1.5 * scaling font.pointSize: Style.fontSizeXLL * 1.5 * scaling
color: Color.mPrimary color: Color.mPrimary
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter

3
Modules/Bar/MediaMini.qml
View file

@ -44,10 +44,9 @@ Row {
spacing: Style.marginTiny * scaling spacing: Style.marginTiny * scaling
// Window icon // Window icon
NText { NIcon {
id: windowIcon id: windowIcon
text: MediaService.isPlaying ? "pause" : "play_arrow" text: MediaService.isPlaying ? "pause" : "play_arrow"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling font.pointSize: Style.fontSizeLarge * scaling
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter

16
Modules/Bar/SystemMonitor.qml
View file

@ -17,12 +17,9 @@ Row {
id: cpuUsageLayout id: cpuUsageLayout
spacing: Style.marginTiny * scaling spacing: Style.marginTiny * scaling
NText { NIcon {
id: cpuUsageIcon id: cpuUsageIcon
text: "speed" text: "speed"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }
@ -42,12 +39,8 @@ Row {
id: cpuTempLayout id: cpuTempLayout
spacing: Style.marginTiny * scaling spacing: Style.marginTiny * scaling
NText { NIcon {
text: "thermometer" text: "thermometer"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }
@ -66,11 +59,8 @@ Row {
id: memoryUsageLayout id: memoryUsageLayout
spacing: Style.marginTiny * scaling spacing: Style.marginTiny * scaling
NText { NIcon {
text: "memory" text: "memory"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }

9
Modules/Bar/TrayMenu.qml
View file

@ -126,7 +126,8 @@ PopupWindow {
id: text id: text
Layout.fillWidth: true Layout.fillWidth: true
color: (modelData?.enabled color: (modelData?.enabled
?? true) ? (mouseArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface) : Color.applyOpacity(Color.mOnSurface, 64) ?? true) ? (mouseArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface) : Color.applyOpacity(
Color.mOnSurface, 64)
text: modelData?.text ?? "" text: modelData?.text ?? ""
font.pointSize: Style.fontSizeSmall * scaling font.pointSize: Style.fontSizeSmall * scaling
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
@ -142,9 +143,8 @@ PopupWindow {
} }
// Chevron right for optional submenu // Chevron right for optional submenu
Text { NIcon {
text: modelData?.hasChildren ? "menu" : "" text: modelData?.hasChildren ? "menu" : ""
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeSmall * scaling font.pointSize: Style.fontSizeSmall * scaling
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
visible: modelData?.hasChildren ?? false visible: modelData?.hasChildren ?? false
@ -377,9 +377,8 @@ PopupWindow {
} }
// TBC a Square UTF-8? // TBC a Square UTF-8?
NText { NIcon {
text: modelData?.hasChildren ? "\uE5CC" : "" text: modelData?.hasChildren ? "\uE5CC" : ""
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeSmall * scaling font.pointSize: Style.fontSizeSmall * scaling
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
visible: modelData?.hasChildren ?? false visible: modelData?.hasChildren ?? false

9
Modules/Bar/WiFiMenu.qml
View file

@ -130,9 +130,8 @@ NLoader {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Style.marginMedium * scaling spacing: Style.marginMedium * scaling
NText { NIcon {
text: "wifi" text: "wifi"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: Color.mPrimary color: Color.mPrimary
} }
@ -198,9 +197,8 @@ NLoader {
visible: !Settings.data.network.wifiEnabled visible: !Settings.data.network.wifiEnabled
spacing: Style.marginMedium * scaling spacing: Style.marginMedium * scaling
NText { NIcon {
text: "wifi_off" text: "wifi_off"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * scaling font.pointSize: Style.fontSizeXXL * scaling
color: Color.mOnSurfaceVariant color: Color.mOnSurfaceVariant
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
@ -250,9 +248,8 @@ NLoader {
anchors.margins: Style.marginSmall * scaling anchors.margins: Style.marginSmall * scaling
spacing: Style.marginSmall * scaling spacing: Style.marginSmall * scaling
NText { NIcon {
text: NetworkService.signalIcon(modelData.signal) text: NetworkService.signalIcon(modelData.signal)
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: modelData.connected ? Color.mSurface : (networkMouseArea.containsMouse ? Color.mSurface : Color.mOnSurface) color: modelData.connected ? Color.mSurface : (networkMouseArea.containsMouse ? Color.mSurface : Color.mOnSurface)
} }

18
Modules/LockScreen/LockScreen.qml
View file

@ -401,9 +401,8 @@ WlSessionLock {
spacing: Style.marginSmall * scaling spacing: Style.marginSmall * scaling
visible: batteryIndicator.batteryVisible visible: batteryIndicator.batteryVisible
Text { NIcon {
text: batteryIndicator.getIcon() text: batteryIndicator.getIcon()
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeMedium font.pointSize: Style.fontSizeMedium
color: batteryIndicator.charging ? Color.mPrimary : Color.mOnSurface color: batteryIndicator.charging ? Color.mPrimary : Color.mOnSurface
} }
@ -731,12 +730,11 @@ WlSessionLock {
} }
} }
Text { NIcon {
anchors.centerIn: parent
text: "power_settings_new" text: "power_settings_new"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * scaling font.pointSize: Style.fontSizeXXL * scaling
color: shutdownArea.containsMouse ? Color.mOnPrimary : Color.mError color: shutdownArea.containsMouse ? Color.mOnPrimary : Color.mError
anchors.centerIn: parent
} }
Behavior on color { Behavior on color {
@ -787,12 +785,11 @@ WlSessionLock {
} }
} }
Text { NIcon {
anchors.centerIn: parent
text: "refresh" text: "refresh"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * scaling font.pointSize: Style.fontSizeXXL * scaling
color: rebootArea.containsMouse ? Color.mOnPrimary : Color.mPrimary color: rebootArea.containsMouse ? Color.mOnPrimary : Color.mPrimary
anchors.centerIn: parent
} }
Behavior on color { Behavior on color {
@ -845,12 +842,11 @@ WlSessionLock {
} }
} }
Text { NIcon {
anchors.centerIn: parent
text: "exit_to_app" text: "exit_to_app"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * scaling font.pointSize: Style.fontSizeXXL * scaling
color: logoutArea.containsMouse ? Color.mOnPrimary : Color.mSecondary color: logoutArea.containsMouse ? Color.mOnPrimary : Color.mSecondary
anchors.centerIn: parent
} }
Behavior on color { Behavior on color {

6
Modules/Notification/NotificationHistoryPanel.qml
View file

@ -115,9 +115,8 @@ NLoader {
Layout.fillWidth: true Layout.fillWidth: true
spacing: Style.marginMedium * scaling spacing: Style.marginMedium * scaling
NText { NIcon {
text: "notifications" text: "notifications"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: Color.mPrimary color: Color.mPrimary
} }
@ -159,9 +158,8 @@ NLoader {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Style.marginMedium * scaling spacing: Style.marginMedium * scaling
NText { NIcon {
text: "notifications_off" text: "notifications_off"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * scaling font.pointSize: Style.fontSizeXXL * scaling
color: Color.mOnSurfaceVariant color: Color.mOnSurfaceVariant
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter

6
Modules/SettingsPanel/SettingsPanel.qml
View file

@ -276,13 +276,9 @@ NLoader {
anchors.rightMargin: Style.marginSmall * scaling anchors.rightMargin: Style.marginSmall * scaling
spacing: Style.marginSmall * scaling spacing: Style.marginSmall * scaling
// Tab icon on the left side // Tab icon on the left side
NText { NIcon {
text: modelData.icon text: modelData.icon
color: tabTextColor color: tabTextColor
font.family: "Material Symbols Outlined"
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
font.pointSize: Style.fontSizeLarge * scaling font.pointSize: Style.fontSizeLarge * scaling
} }
// Tab label on the left side // Tab label on the left side

3
Modules/SettingsPanel/Tabs/AboutTab.qml
View file

@ -135,9 +135,8 @@ ColumnLayout {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Style.marginSmall * scaling spacing: Style.marginSmall * scaling
NText { NIcon {
text: "system_update" text: "system_update"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: updateArea.containsMouse ? Color.mSurface : Color.mPrimary color: updateArea.containsMouse ? Color.mSurface : Color.mPrimary
} }

8
Modules/SettingsPanel/Tabs/WallpaperSelectorTab.qml
View file

@ -168,12 +168,11 @@ Item {
border.width: Math.max(1, Style.borderThin * scaling) border.width: Math.max(1, Style.borderThin * scaling)
visible: isSelected visible: isSelected
NText { NIcon {
anchors.centerIn: parent
text: "check" text: "check"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeSmall * scaling font.pointSize: Style.fontSizeSmall * scaling
color: Color.mOnPrimary color: Color.mOnPrimary
anchors.centerIn: parent
} }
} }
@ -216,9 +215,8 @@ Item {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Style.marginMedium * scaling spacing: Style.marginMedium * scaling
NText { NIcon {
text: "folder_open" text: "folder_open"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling font.pointSize: Style.fontSizeLarge * scaling
color: Color.mOnSurface color: Color.mOnSurface
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter

11
Modules/SidePanel/Cards/MediaCard.qml
View file

@ -37,9 +37,8 @@ NBox {
Layout.fillHeight: true Layout.fillHeight: true
} }
NText { NIcon {
text: "album" text: "album"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * 2.5 * scaling font.pointSize: Style.fontSizeXXL * 2.5 * scaling
color: Color.mPrimary color: Color.mPrimary
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
@ -93,11 +92,10 @@ NBox {
elide: Text.ElideRight elide: Text.ElideRight
} }
indicator: Text { indicator: NIcon {
x: playerSelector.width - width x: playerSelector.width - width
y: playerSelector.topPadding + (playerSelector.availableHeight - height) / 2 y: playerSelector.topPadding + (playerSelector.availableHeight - height) / 2
text: "arrow_drop_down" text: "arrow_drop_down"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: Color.mOnSurface color: Color.mOnSurface
horizontalAlignment: Text.AlignRight horizontalAlignment: Text.AlignRight
@ -180,13 +178,12 @@ NBox {
} }
// Fallback icon when no album art available // Fallback icon when no album art available
NText { NIcon {
anchors.centerIn: parent
text: "album" text: "album"
color: Color.mPrimary color: Color.mPrimary
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * 12 * scaling font.pointSize: Style.fontSizeLarge * 12 * scaling
visible: !trackArt.visible visible: !trackArt.visible
anchors.centerIn: parent
} }
} }

6
Modules/SidePanel/Cards/WeatherCard.qml
View file

@ -26,10 +26,9 @@ NBox {
RowLayout { RowLayout {
spacing: Style.marginSmall * scaling spacing: Style.marginSmall * scaling
NText { NIcon {
text: weatherReady ? LocationService.weatherSymbolFromCode( text: weatherReady ? LocationService.weatherSymbolFromCode(
LocationService.data.weather.current_weather.weathercode) : "" LocationService.data.weather.current_weather.weathercode) : ""
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * 1.5 * scaling font.pointSize: Style.fontSizeXXL * 1.5 * scaling
color: Color.mPrimary color: Color.mPrimary
} }
@ -94,9 +93,8 @@ NBox {
text: Qt.formatDateTime(new Date(LocationService.data.weather.daily.time[index]), "ddd") text: Qt.formatDateTime(new Date(LocationService.data.weather.daily.time[index]), "ddd")
color: Color.mOnSurface color: Color.mOnSurface
} }
NText { NIcon {
text: LocationService.weatherSymbolFromCode(LocationService.data.weather.daily.weathercode[index]) text: LocationService.weatherSymbolFromCode(LocationService.data.weather.daily.weathercode[index])
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
color: Color.mPrimary color: Color.mPrimary
} }

40
Modules/SidePanel/PowerMenu.qml
View file

@ -73,15 +73,9 @@ NPanel {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Text { NIcon {
text: "lock_outline" text: "lock_outline"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: lockButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface color: lockButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling anchors.verticalCenterOffset: 1 * scaling
} }
@ -133,15 +127,9 @@ NPanel {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Text { NIcon {
text: "bedtime" text: "bedtime"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: suspendButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface color: suspendButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling anchors.verticalCenterOffset: 1 * scaling
} }
@ -191,15 +179,9 @@ NPanel {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Text { NIcon {
text: "refresh" text: "refresh"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: rebootButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface color: rebootButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling anchors.verticalCenterOffset: 1 * scaling
} }
@ -249,15 +231,9 @@ NPanel {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Text { NIcon {
text: "exit_to_app" text: "exit_to_app"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: logoutButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface color: logoutButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling anchors.verticalCenterOffset: 1 * scaling
} }
@ -307,15 +283,9 @@ NPanel {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Text { NIcon {
text: "power_settings_new" text: "power_settings_new"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: shutdownButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface color: shutdownButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling anchors.verticalCenterOffset: 1 * scaling
} }

3
Widgets/NCircleStat.qml
View file

@ -97,10 +97,9 @@ Rectangle {
anchors.rightMargin: -6 * scaling * contentScale anchors.rightMargin: -6 * scaling * contentScale
anchors.topMargin: Style.marginTiniest * scaling * contentScale anchors.topMargin: Style.marginTiniest * scaling * contentScale
Text { NIcon {
anchors.centerIn: parent anchors.centerIn: parent
text: root.icon text: root.icon
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLargeXL * scaling * contentScale font.pointSize: Style.fontSizeLargeXL * scaling * contentScale
color: Color.mOnSurface color: Color.mOnSurface
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter

3
Widgets/NComboBox.qml
View file

@ -77,11 +77,10 @@ ColumnLayout {
combo.currentIndex).name : "" combo.currentIndex).name : ""
} }
indicator: NText { indicator: NIcon {
x: combo.width - width - Style.marginMedium * scaling x: combo.width - width - Style.marginMedium * scaling
y: combo.topPadding + (combo.availableHeight - height) / 2 y: combo.topPadding + (combo.availableHeight - height) / 2
text: "arrow_drop_down" text: "arrow_drop_down"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
} }

15
Widgets/NIcon.qml Normal file
View file

@ -0,0 +1,15 @@
import QtQuick
import qs.Commons
import qs.Widgets
Text {
text: "question_mark"
font.family: "Material Symbols Rounded"
font.pointSize: Style.fontSizeLarge * scaling
font.variableAxes: {
"wght"// slightly bold to ensure all lines looks good
: (Font.Normal + Font.Bold) / 2.5
}
color: Color.mOnSurface
verticalAlignment: Text.AlignVCenter
}

7
Widgets/NIconButton.qml
View file

@ -17,7 +17,6 @@ Rectangle {
property bool enabled: true property bool enabled: true
property bool hovering: false property bool hovering: false
property real fontPointSize: Style.fontSizeMedium property real fontPointSize: Style.fontSizeMedium
property string fontFamily: "Material Symbols Outlined"
signal entered signal entered
signal exited signal exited
@ -31,17 +30,13 @@ Rectangle {
border.color: showBorder ? Color.mPrimary : Color.transparent border.color: showBorder ? Color.mPrimary : Color.transparent
border.width: Math.max(1, Style.borderThin * scaling) border.width: Math.max(1, Style.borderThin * scaling)
NText { NIcon {
anchors.centerIn: parent anchors.centerIn: parent
// Little hack to keep things centered at high scaling // Little hack to keep things centered at high scaling
anchors.horizontalCenterOffset: -1 * (scaling - 1.0) anchors.horizontalCenterOffset: -1 * (scaling - 1.0)
anchors.verticalCenterOffset: 0 anchors.verticalCenterOffset: 0
text: root.icon text: root.icon
font.family: fontFamily
font.pointSize: root.fontPointSize * scaling font.pointSize: root.fontPointSize * scaling
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: (root.hovering || showFilled) ? Color.mOnPrimary : showBorder ? Color.mPrimary : Color.mOnSurface color: (root.hovering || showFilled) ? Color.mOnPrimary : showBorder ? Color.mPrimary : Color.mOnSurface
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter

3
Widgets/NImageRounded.qml
View file

@ -61,10 +61,9 @@ Rectangle {
} }
// Fallback icon // Fallback icon
NText { NIcon {
anchors.centerIn: parent anchors.centerIn: parent
text: fallbackIcon text: fallbackIcon
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling font.pointSize: Style.fontSizeXL * scaling
visible: fallbackIcon !== undefined && fallbackIcon !== "" && (imagePath === undefined || imagePath === "") visible: fallbackIcon !== undefined && fallbackIcon !== "" && (imagePath === undefined || imagePath === "")
z: 0 z: 0

7
Widgets/NPill.qml
View file

@ -91,12 +91,11 @@ Item {
} }
} }
Text { NIcon {
anchors.centerIn: parent
font.family: showPill ? "Material Symbols Rounded" : "Material Symbols Outlined"
font.pointSize: Style.fontSizeMedium * scaling
text: root.icon text: root.icon
font.pointSize: Style.fontSizeMedium * scaling
color: showPill ? iconTextColor : collapsedIconColor color: showPill ? iconTextColor : collapsedIconColor
anchors.centerIn: parent
} }
} }