react-autoql 8.0.0-alpha.14 → 8.0.0-alpha.15

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.
Binary file
@@ -1857,6 +1857,38 @@ g.legendOrdinal .legendTitle tspan {
1857
1857
  .ReactModal__Content textarea::placeholder {
1858
1858
  color: var(--react-autoql-text-color-placeholder); }
1859
1859
 
1860
+ @media (max-width: 479px) {
1861
+ .ReactModal__Content {
1862
+ position: initial !important;
1863
+ display: flex;
1864
+ flex-direction: column;
1865
+ overflow: hidden !important;
1866
+ transform: scale(0);
1867
+ transition: all 0.2s ease-in-out;
1868
+ color: var(--react-autoql-text-color-primary);
1869
+ background: var(--react-autoql-background-color-secondary) !important;
1870
+ box-shadow: 0 0 14px 1px var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15));
1871
+ border: 1px solid var(--react-autoql-border-color) !important;
1872
+ border-radius: 4px !important;
1873
+ outline: none !important;
1874
+ padding: 0 !important;
1875
+ margin-top: 20px;
1876
+ margin-bottom: 30px;
1877
+ max-width: calc(100vw - 30px);
1878
+ max-height: calc(100vh - 90px); }
1879
+ .ReactModal__Content input.react-autoql-input,
1880
+ .ReactModal__Content textarea.react-autoql-input,
1881
+ .ReactModal__Content textarea {
1882
+ border-color: var(--react-autoql-border-color);
1883
+ color: var(--react-autoql-text-color-primary);
1884
+ background: var(--react-autoql-background-color-secondary, white); }
1885
+ .ReactModal__Content input.react-autoql-input::-moz-placeholder, .ReactModal__Content textarea.react-autoql-input::-moz-placeholder, .ReactModal__Content textarea::-moz-placeholder {
1886
+ color: var(--react-autoql-text-color-placeholder); }
1887
+ .ReactModal__Content input.react-autoql-input::placeholder,
1888
+ .ReactModal__Content textarea.react-autoql-input::placeholder,
1889
+ .ReactModal__Content textarea::placeholder {
1890
+ color: var(--react-autoql-text-color-placeholder); } }
1891
+
1860
1892
  .ReactModal__Overlay--after-open .ReactModal__Content {
1861
1893
  transform: scale(1); }
1862
1894
 
@@ -3467,6 +3499,7 @@ g.legendOrdinal .legendTitle tspan {
3467
3499
  margin-bottom: 30px; }
3468
3500
 
3469
3501
  .report-problem-modal-body .report-problem-text-area {
3502
+ font-family: var(--react-autoql-font-family);
3470
3503
  width: 100% !important;
3471
3504
  max-width: 100% !important;
3472
3505
  min-height: 80px;
Binary file