survey-react 1.12.8 → 1.12.9

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.8
2
+ * surveyjs - Survey JavaScript library v1.12.9
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
  */
@@ -709,6 +709,9 @@ sv-popup {
709
709
  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
710
710
  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
711
711
  }
712
+ .sv_progress-toc use {
713
+ fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
714
+ }
712
715
 
713
716
  .sv_progress-toc--left {
714
717
  border-right: 1px solid #D6D6D6;
@@ -3812,12 +3815,15 @@ sv-brand-info,
3812
3815
  .sv-ranking-item__icon-container {
3813
3816
  position: relative;
3814
3817
  left: 0;
3815
- top: 5px;
3816
3818
  bottom: 0;
3817
3819
  flex-shrink: 0;
3818
3820
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3819
- height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3821
+ height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3820
3822
  align-self: flex-start;
3823
+ padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
3824
+ padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
3825
+ margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3826
+ box-sizing: content-box;
3821
3827
  }
3822
3828
 
3823
3829
  .sv-ranking-item--disabled.sv-ranking-item--disabled,
@@ -3838,8 +3844,8 @@ sv-brand-info,
3838
3844
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
3839
3845
  position: absolute;
3840
3846
  top: var(--sjs-base-unit, var(--base-unit, 8px));
3841
- width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3842
- height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3847
+ width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3848
+ height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3843
3849
  }
3844
3850
 
3845
3851
  .sv-ranking-item__index.sv-ranking-item__index {
@@ -4002,8 +4008,8 @@ sv-brand-info,
4002
4008
  }
4003
4009
 
4004
4010
  .sv-ranking-shortcut .sv-ranking-item__icon {
4005
- width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4006
- height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4011
+ width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4012
+ height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4007
4013
  top: var(--sjs-base-unit, var(--base-unit, 8px));
4008
4014
  }
4009
4015
 
@@ -4011,7 +4017,7 @@ sv-brand-info,
4011
4017
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4012
4018
  }
4013
4019
  .sv-ranking-shortcut .sv-ranking-item__icon-container {
4014
- margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
4020
+ margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4015
4021
  }
4016
4022
 
4017
4023
  .sv-ranking-shortcut {
@@ -4189,6 +4195,15 @@ sv-brand-info,
4189
4195
  padding-right: 0;
4190
4196
  }
4191
4197
 
4198
+ .sd-question--mobile .sv-ranking-item__icon-container,
4199
+ .sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
4200
+ margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4201
+ display: flex;
4202
+ justify-content: flex-end;
4203
+ padding: 0;
4204
+ width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4205
+ }
4206
+
4192
4207
  :root {
4193
4208
  --sjs-transition-duration: 150ms;
4194
4209
  }