Changeset 35284 for main/trunk/model-interfaces-dev/atea/style/asr.scss

Timestamp:

2021-08-11T16:24:17+12:00 (3 years ago)

Author:

davidb

Message:

Convert error templating to Vue

File:

• main/trunk/model-interfaces-dev/atea/style/asr.scss (modified) (5 diffs)

main/trunk/model-interfaces-dev/atea/style/asr.scss

@@ -92 +92 @@
     margin: 0 1px 3px 1px; /* Keeps space around the box shadow */
 
-    -webkit-transition-duration: 0.2s;
-    transition-duration: 0.2s;
+    -webkit-transition-duration: 0.15s;
+    transition-duration: 0.15s;
 
     span {
@@ -144 +144 @@
 
 /* === End theme definitions === */
+
+/* === Start theme application === */
+
+button {
+    @extend .btn-primary;
+}
+
+/* === End theme application === */
 
 body {
@@ -172 +180 @@
 }
 
-#btnBeginTranscription {
-    float: right;
-}
 
 /* Transcriptions */
@@ -184 +189 @@
 
 .transcription__container {
-    margin-bottom: 1em;
+    padding: 0.5em;
+
+    -webkit-transition-duration: 0.15s;
+    transition-duration: 0.15s;
 
     &:last-child {
         margin-bottom: 0;
+    }
+
+    &:hover {
+        background-color: #EEE;
     }
 }
@@ -211 +223 @@
 }
 
-.error-list-item {
-    list-style-type: none;
-    background-color: rgba(255, 0, 0, 0.329);
-    border: 1px solid rgba(255, 0, 0, 0.651);
-    border-radius: 5px;
-    margin-bottom: 5px;
-    padding: 1em;
-}
-
-.error-list-item .spaced-block {
-    margin-bottom: 8px;
-
-    &:last-child {
-        margin-bottom: 0;
-    }    
+.transcription__error-container {
+    @extend .transcription__container;
+
+    background-color: rgba(255, 0, 0, 0.226);
+    
+    &:hover {
+        background-color: rgba(255, 0, 0, 0.226);
+    }
 }