@examind/block-editor 0.1.28 → 0.1.30

package/dist/index.css

@@ -2009,7 +2009,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 +2022,7 @@ sl-progress-bar {
       flex-direction: row;
       align-items: center;
       gap: 6px;
+      padding-block: 8px;
       .sl-icon {
         width: 20px;
         height: 20px;
@@ -2209,10 +2210,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;
@@ -2387,10 +2390,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;
@@ -2419,9 +2424,7 @@ sl-progress-bar {
       border-radius: 4px;
     }
     sl-checkbox::part(label) {
-      font-size: 10px;
       color: var(--sl-color-neutral-1000);
-      line-height: 16px;
     }
     sl-checkbox::part(base) {
       align-items: center;
@@ -2659,6 +2662,51 @@ sl-progress-bar {
   }
 }
 
+/* src/styles/article-custom-question.css */
+.be-article {
+  .custom-question-wrapper {
+    position: relative;
+    margin-top: var(--sl-spacing-large);
+    margin-bottom: var(--sl-spacing-large);
+    &[data-settings-node-selected] {
+      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline-offset: 3px !important;
+      border-radius: var(--sl-border-radius-small) !important;
+    }
+  }
+  .custom-question-wrapper:first-child {
+    margin-top: 0;
+  }
+  .custom-question-wrapper:last-child {
+    margin-bottom: 0;
+  }
+  .custom-question-prompt {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+  .custom-question-prompt-title {
+    font-size: 10px;
+    color: var(--sl-color-neutral-1000);
+    line-height: 16px;
+    text-transform: uppercase;
+  }
+  .custom-question-prompt-content {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: var(--sl-color-neutral-600);
+    padding: var(--sl-spacing-small);
+    border: 1px solid var(--sl-color-neutral-300);
+    border-radius: var(--sl-border-radius-medium);
+    border-color: var(--sl-color-neutral-300);
+    background-color: var(--sl-color-neutral-50);
+  }
+}
+
 /* src/styles/index.css */
 
 /* src/components/feedback/DotBadge.css */