survey-react 1.12.7 → 1.12.9

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.7
+ * surveyjs - Survey JavaScript library v1.12.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -709,6 +709,9 @@ sv-popup {
   padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
+.sv_progress-toc use {
+  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
+}
 
 .sv_progress-toc--left {
   border-right: 1px solid #D6D6D6;
@@ -2856,6 +2859,22 @@ button.sv-action-bar-item {
   margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
+.sv-matrixdynamic-dragged-row {
+  cursor: grabbing;
+  position: absolute;
+  z-index: 10000;
+  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
+}
+.sv-matrixdynamic-dragged-row .sd-table__row {
+  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
+  background-color: var(--sjs-general-backcolor, var(--background, #fff));
+  display: flex;
+  flex-grow: 0;
+  flex-shrink: 0;
+  align-items: center;
+  line-height: 0;
+}
+
 .sv-matrix-row--drag-drop-ghost-mod td {
   background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
 }
@@ -3796,12 +3815,15 @@ sv-brand-info,
 .sv-ranking-item__icon-container {
   position: relative;
   left: 0;
-  top: 5px;
   bottom: 0;
   flex-shrink: 0;
   width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   align-self: flex-start;
+  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
+  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
+  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  box-sizing: content-box;
 }
 
 .sv-ranking-item--disabled.sv-ranking-item--disabled,
@@ -3822,8 +3844,8 @@ sv-brand-info,
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
   position: absolute;
   top: var(--sjs-base-unit, var(--base-unit, 8px));
-  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
 .sv-ranking-item__index.sv-ranking-item__index {
@@ -3986,8 +4008,8 @@ sv-brand-info,
 }
 
 .sv-ranking-shortcut .sv-ranking-item__icon {
-  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   top: var(--sjs-base-unit, var(--base-unit, 8px));
 }
 
@@ -3995,7 +4017,7 @@ sv-brand-info,
   padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 .sv-ranking-shortcut .sv-ranking-item__icon-container {
-  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
+  margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
 .sv-ranking-shortcut {
@@ -4173,6 +4195,15 @@ sv-brand-info,
   padding-right: 0;
 }
 
+.sd-question--mobile .sv-ranking-item__icon-container,
+.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
+  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  display: flex;
+  justify-content: flex-end;
+  padding: 0;
+  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+
 :root {
   --sjs-transition-duration: 150ms;
 }