Improve vertical scroll bar animation

nuttyartist · Oct 27, 2023 · 04c84d1 · 04c84d1
1 parent ce6aaa6
commit 04c84d1
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/src/noteeditorlogic.cpp b/src/noteeditorlogic.cpp
@@ -128,7 +128,7 @@ void NoteEditorLogic::showNotesInEditor(const QVector<NodeData> &notes)
 //         set text and date
 //        bool isTextChanged = content != m_textEdit->toPlainText();
 //        if (isTextChanged) {
-//            m_textEdit->setText(content);
+            m_textEdit->setText(content);
             m_blockModel->loadText(content);
 //        }
 //        m_blockModel->loadText(content);

diff --git a/src/qml/CustomVerticalScrollBar.qml b/src/qml/CustomVerticalScrollBar.qml
@@ -10,7 +10,7 @@ ScrollBar {
     height: parent.availableHeight
     minimumSize: 0.08
     property var themeData: {{theme: "Light"}}
-    property bool isDarkGray: true // Deterimnes wether the scrollbar color in Dark mode should be grayish or darkish
+    property bool isDarkGray: true // Determines wether the scrollbar color in Dark mode should be grayish or darkish
     property bool showBackground: false
 
     background: Rectangle {
@@ -30,10 +30,26 @@ ScrollBar {
         opacity: scrollBarControl.policy === ScrollBar.AlwaysOn || (scrollBarControl.active && scrollBarControl.size < 1.0) ? 0.75 : 0
 
         Behavior on opacity {
+            enabled: opacityDelayTimer.running // Sync the animation's running state with the timer's
             NumberAnimation {
                 duration: 250
             }
         }
+
+        Timer {
+            id: opacityDelayTimer
+            interval: 1200
+            repeat: false
+
+            onTriggered: {
+                parent.opacity = scrollBarControl.policy === ScrollBar.AlwaysOn || (scrollBarControl.active && scrollBarControl.size < 1.0) ? 0.75 : 0
+            }
+        }
+        onOpacityChanged: {
+            if (!opacityDelayTimer.running) {
+                opacityDelayTimer.start()
+            }
+        }
     }
 
     function keepActive () {

diff --git a/src/qml/OptionItemButton.qml b/src/qml/OptionItemButton.qml
@@ -12,7 +12,7 @@ MouseArea {
     property bool isContainingMouse: optionItemMouseArea.containsMouse
     property bool checked: false
     property var themeData: {{thme: "Light"}}
-    property bool enabled: true
+//    property bool isEnabled: true
     property int pointSizeOffset: -4
 
     hoverEnabled: true