Merge branch 'bootstrap-icons'

Modules/Bar/Widgets/CustomButton.qml

@@ -38,6 +38,8 @@ NIconButton {
   readonly property string middleClickExec: widgetSettings.middleClickExec || widgetMetadata.middleClickExec
   readonly property bool hasExec: (leftClickExec || rightClickExec || middleClickExec)
 
+  colorBorder: Color.transparent
+  colorBorderHover: Color.transparent
   sizeRatio: 0.8
   icon: customIcon
   tooltipText: {

Modules/SidePanel/Cards/WeatherCard.qml

@@ -27,6 +27,7 @@ NBox {
     RowLayout {
       spacing: Style.marginS * scaling
       NIcon {
+        Layout.alignment: Qt.AlignVCenter
         icon: weatherReady ? LocationService.weatherSymbolFromCode(
                                LocationService.data.weather.current_weather.weathercode) : ""
         font.pointSize: Style.fontSizeXXXL * 1.75 * scaling
@@ -98,6 +99,7 @@ NBox {
             color: Color.mOnSurface
           }
           NIcon {
+            Layout.alignment: Qt.AlignVCenter
             icon: LocationService.weatherSymbolFromCode(LocationService.data.weather.daily.weathercode[index])
             font.pointSize: Style.fontSizeXXL * scaling
             color: Color.mPrimary

Services/BarWidgetRegistry.qml

@@ -60,7 +60,7 @@ Singleton {
                                   },
                                   "CustomButton": {
                                     "allowUserSettings": true,
-                                    "icon": "favorite",
+                                    "icon": "heart",
                                     "leftClickExec": "",
                                     "rightClickExec": "",
                                     "middleClickExec": ""

Widgets/NButton.qml

@@ -80,29 +80,27 @@ Rectangle {
     spacing: Style.marginXS * scaling
 
     // Icon (optional)
-    Loader {
-      active: root.icon !== ""
-      sourceComponent: NIcon {
-        Layout.alignment: Qt.AlignVCenter
+    NIcon {
+      Layout.alignment: Qt.AlignVCenter
+      visible: root.icon !== ""
 
-        icon: root.icon
-        font.pointSize: root.iconSize
-        color: {
-          if (!root.enabled)
-            return Color.mOnSurfaceVariant
-          if (root.outlined) {
-            if (root.pressed || root.hovered)
-              return root.backgroundColor
+      icon: root.icon
+      font.pointSize: root.iconSize
+      color: {
+        if (!root.enabled)
+          return Color.mOnSurfaceVariant
+        if (root.outlined) {
+          if (root.pressed || root.hovered)
             return root.backgroundColor
-          }
-          return root.textColor
+          return root.backgroundColor
         }
+        return root.textColor
+      }
 
-        Behavior on color {
-          ColorAnimation {
-            duration: Style.animationFast
-            easing.type: Easing.OutCubic
-          }
+      Behavior on color {
+        ColorAnimation {
+          duration: Style.animationFast
+          easing.type: Easing.OutCubic
         }
       }
     }

Widgets/NIcon.qml

@@ -7,8 +7,12 @@ Text {
   readonly property string defaultIcon: "balloon"
   property string icon: defaultIcon
 
+  visible: (icon !== undefined) && (icon !== "")
   text: {
-    if (icon === undefined || Bootstrap.icons[icon] === undefined) {
+    if ((icon === undefined) || (icon === "")) {
+      return ""
+    }
+    if (Bootstrap.icons[icon] === undefined) {
       Logger.warn("Icon", `"${icon}"`, "doesn't exist in the bootstrap font")
       Logger.callStack()
       return Bootstrap.icons[defaultIcon]