survey-react 1.12.1 → 1.12.3

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/modern.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.1
2
+ * surveyjs - Survey JavaScript library v1.12.3
3
3
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -1741,7 +1741,7 @@ sv-popup {
1741
1741
  font-weight: bold;
1742
1742
  outline: none;
1743
1743
  padding: 0.5em 2.786em 0.6em;
1744
- text-align: left;
1744
+ text-align: start;
1745
1745
  }
1746
1746
 
1747
1747
  .sv-btn--navigation {
@@ -2232,7 +2232,7 @@ sv-popup {
2232
2232
  max-width: 100%;
2233
2233
  width: auto;
2234
2234
  height: 100%;
2235
- text-align: left;
2235
+ text-align: start;
2236
2236
  cursor: text;
2237
2237
  pointer-events: none;
2238
2238
  color: var(--main-hover-color, #9f9f9f);
@@ -2896,6 +2896,16 @@ button.sv-action-bar-item {
2896
2896
  position: absolute;
2897
2897
  z-index: 10000;
2898
2898
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
2899
+ min-width: 100px;
2900
+ max-width: 400px;
2901
+ }
2902
+ .sv-drag-drop-choices-shortcut .sv-ranking-item {
2903
+ height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
2904
+ }
2905
+ .sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
2906
+ .sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
2907
+ overflow: hidden;
2908
+ white-space: nowrap;
2899
2909
  }
2900
2910
 
2901
2911
  .sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {
@@ -3908,12 +3918,13 @@ sv-brand-info,
3908
3918
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
3909
3919
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3910
3920
  overflow-wrap: break-word;
3911
- word-break: break-all;
3921
+ word-break: normal;
3912
3922
  align-self: self-start;
3913
3923
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
3914
3924
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
3915
3925
  }
3916
- .sv-ranking-item__text .sv-string-viewer {
3926
+ .sv-ranking-item__text .sv-string-viewer,
3927
+ .sv-ranking-item__text .sv-string-editor {
3917
3928
  overflow: initial;
3918
3929
  white-space: pre-line;
3919
3930
  }
@@ -3958,7 +3969,8 @@ sv-brand-info,
3958
3969
  .sv-ranking-item--ghost {
3959
3970
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3960
3971
  }
3961
- .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer {
3972
+ .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,
3973
+ .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {
3962
3974
  white-space: unset;
3963
3975
  }
3964
3976
 
@@ -4054,7 +4066,8 @@ sv-brand-info,
4054
4066
  .sv-ranking-shortcut .sv-ranking-item {
4055
4067
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4056
4068
  }
4057
- .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer {
4069
+ .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
4070
+ .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
4058
4071
  overflow: hidden;
4059
4072
  white-space: nowrap;
4060
4073
  }
@@ -4188,6 +4201,32 @@ sv-brand-info,
4188
4201
  left: initial;
4189
4202
  }
4190
4203
 
4204
+ .sv-ranking--select-to-rank-swap-areas {
4205
+ flex-direction: row-reverse;
4206
+ }
4207
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {
4208
+ padding-left: 0;
4209
+ left: -24px !important;
4210
+ }
4211
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {
4212
+ padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4213
+ left: 0;
4214
+ }
4215
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {
4216
+ left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4217
+ }
4218
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
4219
+ padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4220
+ padding-left: 0;
4221
+ }
4222
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {
4223
+ right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4224
+ }
4225
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
4226
+ padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4227
+ padding-right: 0;
4228
+ }
4229
+
4191
4230
  :root {
4192
4231
  --sjs-transition-duration: 150ms;
4193
4232
  }
@@ -4244,7 +4283,7 @@ sv-brand-info,
4244
4283
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
4245
4284
  cursor: pointer;
4246
4285
  overflow: hidden;
4247
- text-align: left;
4286
+ text-align: start;
4248
4287
  text-overflow: ellipsis;
4249
4288
  white-space: nowrap;
4250
4289
  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);