js-draw 1.9.0 → 1.10.0

package/dist/Editor.css

@@ -6,12 +6,16 @@
 }
 :root .insert-image-widget-dropdown-content.insert-image-widget-dropdown-content.insert-image-widget-dropdown-content img {
   max-width: min(50vw, 75%);
-  max-height: 50vh;
+  max-height: min(300px, 50vh);
   /* Center */
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
+: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;
+}
 :root .insert-image-widget-dropdown-content.insert-image-widget-dropdown-content.insert-image-widget-dropdown-content .action-button-row {
   margin-top: 4px;
   display: flex;
@@ -57,6 +61,30 @@
   padding: 4px;
 }
 
+:root .toolbar--pen-tool-toggle-buttons.toolbar--pen-tool-toggle-buttons {
+  display: flex;
+  justify-content: stretch;
+  padding-top: 0;
+  padding-bottom: 5px;
+  direction: ltr;
+}
+:root .toolbar--pen-tool-toggle-buttons.toolbar--pen-tool-toggle-buttons > * {
+  flex-grow: 1;
+  text-align: start;
+  margin-inline-end: 5px;
+}
+:root .toolbar--pen-tool-toggle-buttons.toolbar--pen-tool-toggle-buttons > * .icon {
+  margin: 0;
+  margin-inline-start: 4px;
+  margin-inline-end: 10px;
+}
+:root .toolbar--pen-tool-toggle-buttons.toolbar--pen-tool-toggle-buttons > :nth-child(1) {
+  direction: ltr;
+}
+:root .toolbar--pen-tool-toggle-buttons.toolbar--pen-tool-toggle-buttons > :last-child {
+  direction: rtl;
+}
+
 .toolbar-zoomLevelEditor {
   display: flex;
   flex-direction: row;
@@ -460,6 +488,23 @@
   justify-content: center;
 }
 
+.toolbar-element .toolbar--toggle-button {
+  color: var(--foreground-color-1);
+  font-weight: normal;
+}
+.toolbar-element .toolbar--toggle-button[aria-checked=true] {
+  background: var(--selection-background-color);
+  color: var(--selection-foreground-color);
+}
+.toolbar-element .toolbar--toggle-button > .icon {
+  width: 25px;
+  height: 25px;
+  margin: 0 5px;
+}
+.toolbar-element .toolbar--toggle-button > * {
+  vertical-align: middle;
+}
+
 .toolbar-closeColorPickerOverlay {
   display: none;
   position: fixed;
@@ -1143,6 +1188,7 @@
 
 .overlay.handleOverlay {
   touch-action: none;
+  direction: ltr;
 }
 .overlay.handleOverlay, .overlay.handleOverlay .selection-tool-selection-outer-container {
   height: 0;
@@ -1345,6 +1391,7 @@ visible.
   height: 400px;
   min-height: 220px;
   min-width: 100px;
+  writing-mode: horizontal-tb;
   box-sizing: border-box;
   display: flex;
   flex-direction: column-reverse;