TImeline guides: add delimiter and highlight active one.

Related to #1141

src/timeline2/view/qml/Clip.qml

@@ -787,6 +787,8 @@ Rectangle {
                     width: label.width + (2 * clipRoot.border.width)
                     height: label.height
                     visible: clipRoot.width > width / 2
+                    anchors.left: parent.left
+                    anchors.leftMargin: clipRoot.timeremap ? labelRect.width : 0
                     Text {
                         // Clip name text
                         id: label
@@ -877,7 +879,7 @@ Rectangle {
                     width: labelRect.height
                     height: labelRect.height
                     anchors.top: labelRect.top
-                    anchors.left: labelRect.right
+                    anchors.left: nameContainer.left
                     visible: !clipRoot.isAudio && clipRoot.clipStatus === ClipStatus.StatusProxy || clipRoot.clipStatus === ClipStatus.StatusProxyOnly
                     Text {
                         // Proxy P

src/timeline2/view/qml/Ruler.qml

@@ -111,24 +111,35 @@ Item {
         delegate:
         Item {
             id: guideRoot
-            z: proxy.position == model.frame ? 20 : 10
+            property bool activated : proxy.position == model.frame
+            z: activated ? 20 : 10
             Rectangle {
                 id: markerBase
                 width: 1
                 height: rulerRoot.height
                 x: model.frame * timeline.scaleFactor
-                color: model.color
+                color: guideRoot.activated ? Qt.lighter(model.color, 1.3) : model.color
                 property int markerId: model.id
                 Rectangle {
                     visible: timeline.showMarkers
                     width: mlabel.contentWidth + 4
                     height: guideLabelHeight
                     radius: timeline.guidesLocked ? 0 : height / 4
+                    color: markerBase.color
                     anchors {
                         top: parent.top
                         left: parent.left
                     }
-                    color: model.color
+                    Rectangle {
+                        // Shadow delimiting marker start
+                        width: 1
+                        height: guideLabelHeight
+                        color: activePalette.dark
+                        anchors {
+                            right: parent.left
+                        }
+                    }
+
                     Text {
                         id: mlabel
                         text: model.comment