CSS update: score, svg hover and drag styling for gridstack item

slub · Jul 14, 2023 · 6e28f2d · 6e28f2d
1 parent 4c933e5
commit 6e28f2d
Show file tree

Hide file tree

Showing 4 changed files with 3,220 additions and 2 deletions.
diff --git a/Resources/Private/Less/modules/score.less b/Resources/Private/Less/modules/score.less
@@ -40,7 +40,8 @@
         height: 120px;
         .vertgrad(rgba(255,255,255,0), rgba(255,255,255,1),0,40%);
     }
-    #tx-dlf-score {
+
+    *[id^="tx-dlf-score"] {
         position: relative;
         top: 0;
         right: 0;

diff --git a/Resources/Private/Partials/PageView.html b/Resources/Private/Partials/PageView.html
@@ -37,9 +37,12 @@ <h2><f:translate key='browser-hint.outdated_browser' extensionName='dfgviewer' /
                 <div class="fulltext-container">
                     <div id="tx-dlf-fulltextselection"></div>
                 </div>
+                <f:comment>
                 <div class="score-container">
                     <div id="tx-dlf-score"></div>
                 </div>
+                <div id="player"></div>
+                </f:comment>
             </f:else>
           </f:if>
         </f:else>

diff --git a/Resources/Public/Css/allStyles.css b/Resources/Public/Css/allStyles.css
diff --git a/Resources/Public/Css/annotationStyles.css b/Resources/Public/Css/annotationStyles.css
@@ -42,3 +42,28 @@
 .document-view {
     right: 25%;
 }
+
+.annotation-list-item details.hover {
+    background-color: #aaa9a9;
+}
+
+.annotation-list-item details.active {
+    background-color: #8ebfff;
+}
+
+rect.hover {
+    stroke: black;
+}
+
+rect.active {
+    stroke: red;
+}
+
+.drag {
+    cursor: move;
+    min-height: 25px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 9;
+}