Changeset 36217 for main/trunk/greenstone3/web/interfaces/default/style/core.css

Timestamp:

2022-05-26T15:06:05+12:00 (2 years ago)

Author:

davidb

Message:

various improvements to enriched audio player

File:

• main/trunk/greenstone3/web/interfaces/default/style/core.css (modified) (8 diffs)

main/trunk/greenstone3/web/interfaces/default/style/core.css

@@ -1386 +1386 @@
 
 #audioContainer {
-    width: 65vw;
-    background-color: rgb(24, 36, 39);
+    width: 100%;
+    /* background-color: rgb(24, 36, 39); */
     scrollbar-color: white transparent;
 }
@@ -1396 +1396 @@
 
 #toolbar {
+    background-color: rgb(24, 36, 39);
     position: relative;
     display: flex;
@@ -1428 +1429 @@
 
 #chapters {
-    width: 100%;
+    width: 50%;
     height: 0;
     max-height: 30vh;
@@ -1458 +1459 @@
 }
 
-#muteButton {
-    padding-left: 1em;
+#downloadButton {
+    transform: scale(0.8);
+    padding-right: 0.75em;
 }
 
 .wavesurfer-region {
     cursor: pointer !important;
-    /* border: 1px solid white !important; */
+    /* border: 1px solid rgba(255, 255, 255, 0.3) !important; */
     transition: 0.1s ease;
 }
@@ -1481 +1483 @@
 #zoomIcon {
     width: 1.2em !important;
+}
+
+#chapterButton {
     padding-left: 0.2em;
+    padding-right: 0.75em;
 }
 
@@ -1507 +1513 @@
 }
 
+wave {
+    width: 100%;
+}
+
 .toolbar-section {
-    width: 12em;
+    width: 33%;
 }
 
@@ -1536 +1546 @@
 #tapeDetails {
     border: 1px solid olive;
+    min-width: 30%;
 }
 
 #tapeDetails td {
     padding: 0.2em;
-
+}
+
+#tapeDetails td:nth-child(1) {
+    padding-right: 6em;
 }
 
@@ -1546 +1560 @@
     background-color: darkseagreen;
 }
-
-#fCol {
-    padding-right: 5em;
-}