js-draw 1.18.0 → 1.19.1

package/dist/Editor.css

@@ -6,8 +6,8 @@
   min-height: 0;
 }
 :root .insert-image-widget-dropdown-content.insert-image-widget-dropdown-content.insert-image-widget-dropdown-content img {
-  max-width: min(50vw, 75%);
-  max-height: min(300px, 50vh);
+  max-width: 100%;
+  max-height: 100%;
   /* Center */
   display: block;
   margin-left: auto;
@@ -16,6 +16,7 @@
 :root .insert-image-widget-dropdown-content.insert-image-widget-dropdown-content.insert-image-widget-dropdown-content .insert-image-image-status-view {
   display: flex;
   justify-content: space-between;
+  padding-bottom: 0;
 }
 :root .insert-image-widget-dropdown-content.insert-image-widget-dropdown-content.insert-image-widget-dropdown-content .action-button-row {
   margin-top: 4px;
@@ -208,12 +209,18 @@
 .toolbar-element .toolbar--file-input-container {
   display: flex;
 }
-.toolbar-element .toolbar--file-input-container > input[type=file] {
+.toolbar-element .toolbar--file-input-container.-loading {
+  opacity: 0.8;
+}
+.toolbar-element .toolbar--file-input-container > input.file-input {
   opacity: 0;
   width: 0;
   min-width: 0 !important;
   max-width: 0;
   height: 0;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
 }
 .toolbar-element .toolbar--file-input-container > label {
   display: block;
@@ -225,6 +232,9 @@
   	in srgb, var(--foreground-color-1), transparent
   );
 }
+.toolbar-element .toolbar--file-input-container > label > .cancel-button {
+  display: block;
+}
 .toolbar-element .toolbar--file-input-container > label > .toolbar--file-input-description {
   background-color: var(--background-color-3);
   color: var(--foreground-color-3);
@@ -307,6 +317,28 @@
   --icon-color: var(--selection-foreground-color);
 }
 
+:root .toolbar-snapped-scroll-list.toolbar-snapped-scroll-list.toolbar-snapped-scroll-list {
+  overflow-y: auto;
+  scroll-snap-type: y mandatory;
+  height: min(200px, 50vh);
+  display: flex;
+  flex-direction: column;
+}
+:root .toolbar-snapped-scroll-list.toolbar-snapped-scroll-list.toolbar-snapped-scroll-list > .item {
+  height: 100%;
+  width: 100%;
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
+  box-sizing: border-box;
+}
+:root .toolbar-snapped-scroll-list.toolbar-snapped-scroll-list.toolbar-snapped-scroll-list.-empty {
+  display: none;
+}
+
 /* The *main* root toolbar element */
 .toolbar-root {
   background-color: var(--background-color-1);