diff --git a/modules/gui/qt/style/VLCStyle.qml b/modules/gui/qt/style/VLCStyle.qml
index ac29f94864f624bff8553609a5698ec8c314503a..35beaa007b8d6648b2797452919cae997582979f 100644
--- a/modules/gui/qt/style/VLCStyle.qml
+++ b/modules/gui/qt/style/VLCStyle.qml
@@ -17,10 +17,9 @@
*****************************************************************************/
pragma Singleton
import QtQuick
-import QtQuick.Controls
+
import VLC.MainInterface
import VLC.Style
-import VLC.Widgets as Widgets
QtObject {
id: vlc_style
@@ -58,8 +57,7 @@ QtObject {
readonly property double margin_xlarge: MainCtx.dp(32, scale);
readonly property double margin_xxlarge: MainCtx.dp(36, scale);
- property Component _scrollBarComponent: Widgets.ScrollBarExt { }
- property real resizeHandleWidth
+ readonly property real resizeHandleWidth: (scrollBarInteractingSize / 2)
// Borders
readonly property int border: MainCtx.dp(1, scale)
@@ -320,6 +318,10 @@ QtObject {
readonly property int controlLayoutHeight: MainCtx.dp(64, scale)
readonly property int controlLayoutHeightPinned: MainCtx.dp(32, scale)
+ // Scroll bar (size means width or height, depending on the orientation):
+ readonly property real scrollBarInteractingSize: MainCtx.dp(5, scale)
+ readonly property real scrollBarNonInteractingSize: MainCtx.dp(2, scale)
+
function dp(size, scale) {
if (scale === undefined)
return MainCtx.dp(size, MainCtx.intfScaleFactor)
@@ -330,19 +332,6 @@ QtObject {
return nb * VLCStyle.column_width + ( nb - 1 ) * VLCStyle.column_spacing;
}
- Component.onCompleted: {
- {
- // Resize handle width setting:
- const scrollBarObject = _scrollBarComponent.createObject()
- console.assert(scrollBarObject)
- const scrollBarWidth = scrollBarObject.width
- scrollBarObject.destroy()
-
- _scrollBarComponent = null
- resizeHandleWidth = (scrollBarWidth / 2)
- }
- }
-
//dynamic margins based on screen width
function dynamicAppMargins(width : int) : int {
if (width < smallWidth)
diff --git a/modules/gui/qt/widgets/qml/ScrollBarExt.qml b/modules/gui/qt/widgets/qml/ScrollBarExt.qml
index 847293536c2a5a2e01e50c09bcdf4bde7cc143da..42ecd147552a7b96a0165c3879968f54859c8557 100644
--- a/modules/gui/qt/widgets/qml/ScrollBarExt.qml
+++ b/modules/gui/qt/widgets/qml/ScrollBarExt.qml
@@ -73,8 +73,8 @@ T.ScrollBar {
}
contentItem: Rectangle {
- implicitWidth: VLCStyle.dp(control.interacting ? 5 : 2, VLCStyle.scale)
- implicitHeight: VLCStyle.dp(control.interacting ? 5 : 2, VLCStyle.scale)
+ implicitWidth: control.interacting ? VLCStyle.scrollBarInteractingSize : VLCStyle.scrollBarNonInteractingSize
+ implicitHeight: control.interacting ? VLCStyle.scrollBarInteractingSize : VLCStyle.scrollBarNonInteractingSize
radius: width / 2
color: theme.fg.secondary