survey-react 1.9.96 → 1.9.97

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.96
+ * surveyjs - Survey JavaScript library v1.9.97
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -217,17 +217,17 @@ sv-popup {
   transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
-.sv-popup--show-pointer.sv-popup--right {
+.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
   transform: translate(calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sv-popup--show-pointer.sv-popup--right .sv-popup__pointer {
+.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
   transform: translate(-12px, -4px) rotate(-90deg);
 }
 
-.sv-popup--show-pointer.sv-popup--left {
+.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
   transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sv-popup--show-pointer.sv-popup--left .sv-popup__pointer {
+.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
   transform: translate(-4px, -4px) rotate(90deg);
 }
 
@@ -2824,17 +2824,17 @@ sv-popup {
   transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
-.sv-popup--show-pointer.sv-popup--right {
+.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
   transform: translate(calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sv-popup--show-pointer.sv-popup--right .sv-popup__pointer {
+.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
   transform: translate(-12px, -4px) rotate(-90deg);
 }
 
-.sv-popup--show-pointer.sv-popup--left {
+.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
   transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sv-popup--show-pointer.sv-popup--left .sv-popup__pointer {
+.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
   transform: translate(-4px, -4px) rotate(90deg);
 }
 
@@ -3358,16 +3358,21 @@ sv-popup {
   opacity: 0.25;
 }
 
+.sv-ranking-item--disabled .sv-ranking-item__text {
+  color: var(--sjs-general-forecolor, var(--foreground, #161616));
+  opacity: 0.25;
+}
+
 .sv-ranking-item__ghost.sv-ranking-item__ghost {
   display: none;
   background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
   border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
-  width: calc(25 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  width: calc(31 * var(--sjs-base-unit, var(--base-unit, 8px)));
   height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   z-index: 1;
   position: absolute;
-  left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  left: 0;
+  top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 [dir=rtl] .sv-ranking-item__ghost {
@@ -3446,6 +3451,9 @@ sv-popup {
   top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
+.sv-ranking-shortcut .sv-ranking-item__content {
+  padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 .sv-ranking-shortcut .sv-ranking-item__icon-container {
   margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -3455,19 +3463,32 @@ sv-popup {
 }
 
 .sv-ranking--select-to-rank-vertical {
-  flex-direction: column;
+  flex-direction: column-reverse;
 }
 .sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
-  margin: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  margin: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
   height: 1px;
 }
+.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
+  padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 
 .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
   width: 1px;
 }
 .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
+  left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to {
+  padding-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
   left: initial;
 }
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from {
+  padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 
 .sv-ranking__container-placeholder {
   color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
@@ -3498,6 +3519,10 @@ sv-popup {
   background: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
 }
 
+.sv-ranking__container--from .sv-ranking-item__icon--focus {
+  display: none;
+}
+
 .sv-list {
   padding: 0;
   margin: 0;
@@ -3549,6 +3574,7 @@ sv-popup {
   line-height: calc(1.5 * var(--sjs-font-size, 16px));
   cursor: pointer;
   overflow: hidden;
+  text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -3711,7 +3737,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 }
 
 .sv-save-data_root {
-  position: absolute;
+  position: fixed;
   left: 50%;
   bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background: var(--sjs-general-backcolor, var(--background, #fff));