Merge pull request #813 from alaughlin/dock-border-radius

Dock: make border radius configurable

Modules/Dock/Dock.qml

@@ -299,7 +299,7 @@ Loader {
               height: Math.round(iconSize * 1.5)
               color: Qt.alpha(Color.mSurface, Settings.data.dock.backgroundOpacity)
               anchors.centerIn: parent
-              radius: Style.radiusL
+              radius: height * 0.5 * Settings.data.dock.radiusRatio
               border.width: Style.borderS
               border.color: Qt.alpha(Color.mOutline, Settings.data.dock.backgroundOpacity)
 

Modules/Panels/Settings/Tabs/DockTab.qml

@@ -81,6 +81,25 @@ ColumnLayout {
     }
   }
 
+  ColumnLayout {
+    visible: Settings.data.dock.enabled
+    spacing: Style.marginXXS
+    Layout.fillWidth: true
+    NLabel {
+      label: I18n.tr("settings.dock.appearance.border-radius.label")
+      description: I18n.tr("settings.dock.appearance.border-radius.description")
+    }
+    NValueSlider {
+      Layout.fillWidth: true
+      from: 0
+      to: 1
+      stepSize: 0.01
+      value: Settings.data.dock.radiusRatio
+      onMoved: value => Settings.data.dock.radiusRatio = value
+      text: Math.floor(Settings.data.dock.radiusRatio * 100) + "%"
+    }
+  }
+
   ColumnLayout {
     visible: Settings.data.dock.enabled
     spacing: Style.marginXXS