@fastkit/vui 0.6.35 → 0.6.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vui.css CHANGED
@@ -440,6 +440,12 @@ template {
440
440
  --control-switch-width: 3.625em;
441
441
  --control-switch-track-width: 2.125em;
442
442
  --control-switch-track-height: 0.875em;
443
+ --wysiwyg-min-height-sm: 3em;
444
+ --wysiwyg-min-height-md: 6em;
445
+ --wysiwyg-min-height-lg: 9em;
446
+ --wysiwyg-max-height-sm: 9em;
447
+ --wysiwyg-max-height-md: 13em;
448
+ --wysiwyg-max-height-lg: 16em;
443
449
  --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);
444
450
  --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);
445
451
  --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);
@@ -812,6 +818,34 @@ thead th {
812
818
  --control-field-rem: var(--control-field-rem-lg);
813
819
  font-size: var(--control-field-rem);
814
820
  }
821
+
822
+ .wysiwyg > h1:first-child,
823
+ .wysiwyg h2:first-child,
824
+ .wysiwyg h3:first-child,
825
+ .wysiwyg h4:first-child,
826
+ .wysiwyg h5:first-child,
827
+ .wysiwyg h6:first-child,
828
+ .wysiwyg p:first-child,
829
+ .wysiwyg ul:first-child,
830
+ .wysiwyg ol:first-child,
831
+ .wysiwyg table:first-child {
832
+ margin-top: 0;
833
+ }
834
+ .wysiwyg > h1:last-child,
835
+ .wysiwyg h2:last-child,
836
+ .wysiwyg h3:last-child,
837
+ .wysiwyg h4:last-child,
838
+ .wysiwyg h5:last-child,
839
+ .wysiwyg h6:last-child,
840
+ .wysiwyg p:last-child,
841
+ .wysiwyg ul:last-child,
842
+ .wysiwyg ol:last-child,
843
+ .wysiwyg table:last-child {
844
+ margin-bottom: 0;
845
+ }
846
+ .wysiwyg p {
847
+ margin: 0;
848
+ }
815
849
  .v-form-selector__body {
816
850
  display: block;
817
851
  }
@@ -953,6 +987,9 @@ thead th {
953
987
  .v-button--plain {
954
988
  color: inherit !important;
955
989
  }
990
+ .v-button--plain[disabled] {
991
+ opacity: 0.5;
992
+ }
956
993
  .v-button--sm {
957
994
  font-size: calc(var(--root-em) * 0.75);
958
995
  }
@@ -1728,6 +1765,32 @@ thead th {
1728
1765
  font-style: italic;
1729
1766
  color: var(--control-disabled-color);
1730
1767
  }
1768
+ .v-wysiwyg-editor--sm {
1769
+ --min-height: var(--wysiwyg-min-height-sm);
1770
+ --max-height: var(--wysiwyg-max-height-sm);
1771
+ }
1772
+ .v-wysiwyg-editor--md {
1773
+ --min-height: var(--wysiwyg-min-height-md);
1774
+ --max-height: var(--wysiwyg-max-height-md);
1775
+ }
1776
+ .v-wysiwyg-editor--lg {
1777
+ --min-height: var(--wysiwyg-min-height-lg);
1778
+ --max-height: var(--wysiwyg-max-height-lg);
1779
+ }
1780
+ .v-wysiwyg-editor__wrapper {
1781
+ position: relative;
1782
+ }
1783
+ .v-wysiwyg-editor__floating-toolbar {
1784
+ position: absolute;
1785
+ right: 0;
1786
+ bottom: 100%;
1787
+ z-index: 1;
1788
+ }
1789
+ .v-wysiwyg-editor__body {
1790
+ position: relative;
1791
+ max-height: var(--max-height);
1792
+ overflow: auto;
1793
+ }
1731
1794
  .v-wysiwyg-editor__input {
1732
1795
  cursor: text;
1733
1796
  }
@@ -1737,11 +1800,15 @@ thead th {
1737
1800
  padding: 8px 0;
1738
1801
  margin: 0;
1739
1802
  }
1740
- .v-wysiwyg-editor__input__element .ProseMirror {
1803
+ .v-wysiwyg-editor__input__prose {
1804
+ min-height: var(--min-height);
1741
1805
  outline: none;
1742
1806
  }
1743
- .v-wysiwyg-editor__input__element p {
1744
- margin: 0;
1807
+ .v-wysiwyg-editor--disabled-min-heihgt .v-wysiwyg-editor__input__prose {
1808
+ min-height: 0;
1809
+ }
1810
+ .v-wysiwyg-editor--disabled-max-heihgt .v-wysiwyg-editor__body {
1811
+ max-height: none;
1745
1812
  }
1746
1813
  .v-tabs {
1747
1814
  position: relative;