@examind/block-editor 0.1.29 → 0.1.31

package/dist/index.css

@@ -279,6 +279,7 @@
     top: var(--sl-spacing-medium);
     width: 0;
     height: 100%;
+    transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
   }
   nav.disabled {
     display: none;
@@ -289,8 +290,8 @@
   }
   nav.hidden {
     opacity: 1;
-    width: auto;
     height: 50px;
+    width: 50px;
   }
   main {
     flex-grow: 1;
@@ -1639,12 +1640,11 @@ sl-progress-bar {
   }
   table {
     position: relative;
-    border-spacing: 0;
     width: fit-content;
     table-layout: fixed;
     border-radius: var(--sl-border-radius-small);
-    border: 1px solid var(--sl-color-neutral-200);
-    border-collapse: separate;
+    border-collapse: collapse;
+    border-spacing: 0;
     overflow: hidden;
   }
   th,
@@ -1653,15 +1653,7 @@ sl-progress-bar {
     padding: var(--sl-spacing-3x-small) var(--sl-spacing-2x-small);
     text-align: left;
     vertical-align: top;
-    border-bottom: 1px solid var(--sl-color-neutral-200);
-    border-right: 1px solid var(--sl-color-neutral-200);
-  }
-  tr:last-child td {
-    border-bottom: 0;
-  }
-  tr td:last-child,
-  tr th:last-child {
-    border-right: 0;
+    border: 1px solid var(--sl-color-neutral-200);
   }
   th,
   td {
@@ -2009,7 +2001,7 @@ sl-progress-bar {
     position: relative;
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: start;
     gap: 6px;
     .none-of-the-above-item {
       width: 100%;
@@ -2022,6 +2014,7 @@ sl-progress-bar {
       flex-direction: row;
       align-items: center;
       gap: 6px;
+      padding-block: 8px;
       .sl-icon {
         width: 20px;
         height: 20px;
@@ -2050,9 +2043,19 @@ sl-progress-bar {
     .nested-content {
       width: 100%;
       border-radius: 4px;
-      padding: 8px;
+      padding-block: 8px;
+      padding-inline: 8px;
       outline: 1px solid var(--sl-color-neutral-1000);
     }
+    @media (max-width: 991px) {
+      .nested-content {
+        padding-block: 6px;
+      }
+      .controls {
+        gap: 0;
+        padding-block: 6px;
+      }
+    }
     .nested-content:focus {
       outline: 1px solid #7b00ff;
     }
@@ -2209,10 +2212,12 @@ sl-progress-bar {
   }
   .matching-question-prompt-question-item-controls {
     display: flex;
+    align-self: start;
     flex-direction: row;
     align-items: center;
     gap: 8px;
     justify-content: end;
+    padding-block: 8px;
     .sl-icon {
       width: 20px;
       height: 20px;
@@ -2238,16 +2243,28 @@ sl-progress-bar {
       color: var(--sl-color-danger-500);
     }
   }
+  @media (max-width: 991px) {
+    .matching-question-prompt-question-item-controls {
+      gap: 0;
+      padding-block: 6px;
+    }
+  }
   .matching-question-prompt-question-item {
     .nested-content {
       width: 100%;
       border-radius: 4px;
-      padding: 8px;
+      padding-block: 8px;
+      padding-inline: 8px;
       outline: 1px solid var(--sl-color-neutral-1000);
     }
     .nested-content:focus {
       outline: 1px solid #7b00ff;
     }
+    @media (max-width: 991px) {
+      .nested-content {
+        padding-block: 6px;
+      }
+    }
     p,
     h1,
     h2,
@@ -2312,6 +2329,7 @@ sl-progress-bar {
     text-transform: uppercase;
   }
   .fill-in-the-blank-question-prompt-content {
+    position: relative;
     .nested-content {
       width: 100%;
       border-radius: 4px;
@@ -2319,6 +2337,11 @@ sl-progress-bar {
       outline: 1px solid var(--sl-color-neutral-1000);
       background-color: var(--sl-color-neutral-50);
     }
+    @media (max-width: 991px) {
+      .nested-content {
+        padding: 6px;
+      }
+    }
     p,
     h1,
     h2,
@@ -2387,10 +2410,12 @@ sl-progress-bar {
   }
   .journal-entry-question-prompt-question-item-controls {
     display: flex;
+    align-self: start;
     flex-direction: row;
     align-items: center;
     gap: 8px;
     justify-content: start;
+    padding-block: 8px;
     .sl-icon {
       width: 20px;
       height: 20px;
@@ -2420,21 +2445,34 @@ sl-progress-bar {
     }
     sl-checkbox::part(label) {
       color: var(--sl-color-neutral-1000);
+      text-wrap: nowrap;
     }
     sl-checkbox::part(base) {
       align-items: center;
     }
   }
+  @media (max-width: 991px) {
+    .journal-entry-question-prompt-question-item-controls {
+      gap: 0;
+      padding-block: 6px;
+    }
+  }
   .journal-entry-question-prompt-question-item {
     .nested-content {
       width: 100%;
       border-radius: 4px;
-      padding: 8px;
+      padding-block: 8px;
+      padding-inline: 8px;
       outline: 1px solid var(--sl-color-neutral-1000);
     }
     .nested-content:focus {
       outline: 1px solid #7b00ff;
     }
+    @media (max-width: 991px) {
+      .nested-content {
+        padding-block: 6px;
+      }
+    }
     p,
     h1,
     h2,