Changeset 38369

Timestamp:

2023-11-15T10:27:40+13:00 (6 months ago)

Author:

kjdon

Message:

merged the changes from core.css.for-gs312 into the main core.css

File:

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

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

@@ -1473 +1473 @@
         position: relative;
         overflow-y: hidden;
+        transition: none;
 }
 
@@ -1528 +1529 @@
     opacity: 0;
     pointer-events: none !important;
-}
-
-@supports (-moz-appearance:none) { /* bad results in chrome, safari not tested */
-    .audio-scroll {
-        scroll-behavior: smooth;
-    }
 }
 
@@ -1570 +1565 @@
 }
 
+.chapter img {
+    filter: invert(1) !important;
+}
+
 #chapter-alert {
     display: inline-block;
@@ -1584 +1583 @@
 
 .speakerName {
-    flex: 1;
+    display: flex;
+    flex-direction: row;
+    flex: 70%;
     pointer-events: none;
+    overflow-y: hidden;
 }
 
@@ -1593 +1595 @@
 
 .speakerTime {
-    flex: 1;
+    flex: 30%;
     text-align: right;
     pointer-events: none;
@@ -1750 +1752 @@
 /* edit functionality */
 #edit-panel {
-    max-width: 70%;
+    max-width: 65%;
     width: 50%;
     height: 0px;
@@ -1799 +1801 @@
 
 #edit-panel input[type='text'] {
-    /* width: 35%; */
+    min-width: 35%;
   /* border: 1px solid white; */
   outline: none;
@@ -1807 +1809 @@
     transition: 0.25s ease-in;
     background-color: white;
-    flex-grow: 1; /* size increases when div is enlarged */
+    /* flex-grow: 1; size increases when div is enlarged */
 }
 
@@ -1912 +1914 @@
     /* background-color: #888 !important; */
     opacity: 0.5;
-    filter: grayscale(100%);
-    -webkit-filter: grayscale(100%);
     /* cursor: not-allowed !important; */
     pointer-events: none;
@@ -1940 +1940 @@
     padding-right: 0.2rem;
     /* pointer-events: none; */
+}
+
+.region-conflict {
+    position: absolute;
+    right: 0;
+    width: 1rem !important;
+    height: 1rem;
+    padding-top: 0.2rem;
+    padding-right: 0.4rem;
+}
+
+.region-conflict:hover {
+    filter: invert(0.85) !important;
+}
+
+.conflict-hover-icon {
+    filter: invert(0) !important;
+    width: 0.8rem !important;
+    height: 0.8rem !important;
+    padding-right: 0.4rem;
 }
 
@@ -2043 +2063 @@
 
 #timeline-menu {
+    font-family: 'Courier New', monospace;
     position: absolute;
     right: 1.5rem;
@@ -2095 +2116 @@
     display: flex;
     flex-direction: row;
+    justify-content: right;
 }
 
@@ -2100 +2122 @@
     width: 90%;
     height: 100%;
+    margin-right: auto;
     background: transparent;
     border: none;
@@ -2119 +2142 @@
 }
 
+#filter-menu {
+    position: absolute;
+    width: 48%;
+    display: none;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    align-items: center;
+    z-index: 21;
+    background: rgb(20, 30, 32);
+    color: white;
+    box-shadow: 1px 1px 15px black;
+    border: 1px solid #eee;
+    margin: 2px;
+    padding: 0.5rem;
+}
+
+#filter-menu.show {
+    display: flex;
+}
+
+#filter-menu input {
+    width: 30%;
+}
+
+#filter-menu span {
+    width: 4em;
+    text-align: right;
+}
+
+#filter-min {
+    margin-right: 1rem;
+}
+
+#filter-count {
+    color: #888;
+    align-self: flex-end;
+}
+
 #chapters-container {
-    min-width: 30%;
-    max-width: 50%;
+    min-width: 45%;
+    max-width: 55%;
     width: 50%;
     height: 100%;
@@ -2134 +2196 @@
 
 #chapters-container img {
-    pointer-events: none;
+    /* pointer-events: none; */
     width: 1.5rem;
     padding: 0.2rem;
@@ -2225 +2287 @@
 .version-select-menu-item:hover {
     background: #343434;
+}
+
+.version-has-conflict {
+    height: 1rem !important;
+    width: 1rem !important;
+    filter: invert(0) !important;
+    padding-left: 0.3rem;
+    vertical-align: middle;
 }
 
@@ -2279 +2349 @@
     --audio-accent-colour: #66d640;
     /* --audio-bg-colour: rgb(40, 54, 58); */
-    --audio-bg-colour: rgb(29, 43, 47);
+    /* --audio-bg-colour: rgb(29, 43, 47); */
+    --audio-bg-colour: rgb(29, 40, 47);
 
     /* document editor, width of editable usercomments cells */