survey-react 1.9.119 → 1.9.121

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.9.119
2
+ * surveyjs - Survey JavaScript library v1.9.121
3
3
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -135,6 +135,7 @@ sv-popup {
135
135
 
136
136
  .sv-popup--modal > .sv-popup__container {
137
137
  position: static;
138
+ display: flex;
138
139
  }
139
140
 
140
141
  .sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content {
@@ -2502,6 +2503,7 @@ select.sv-dropdown {
2502
2503
  height: 72px;
2503
2504
  margin-left: calc(50% - 36px);
2504
2505
  padding: 36px 0px;
2506
+ box-sizing: border-box;
2505
2507
  }
2506
2508
 
2507
2509
  @media only screen and (min-width: 1000px) {
@@ -2843,6 +2845,7 @@ sv-popup {
2843
2845
 
2844
2846
  .sv-popup--modal > .sv-popup__container {
2845
2847
  position: static;
2848
+ display: flex;
2846
2849
  }
2847
2850
 
2848
2851
  .sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content {
@@ -3539,13 +3542,14 @@ sv-brand-info, .sv-brand-info {
3539
3542
  }
3540
3543
 
3541
3544
  .sv-ranking-item__index.sv-ranking-item__index {
3545
+ --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3542
3546
  display: flex;
3543
3547
  flex-shrink: 0;
3544
3548
  align-items: center;
3545
3549
  justify-content: center;
3546
3550
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
3547
3551
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
3548
- font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3552
+ font-size: var(--sjs-internal-font-editorfont-size);
3549
3553
  border-radius: 100%;
3550
3554
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
3551
3555
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -3557,18 +3561,19 @@ sv-brand-info, .sv-brand-info {
3557
3561
  }
3558
3562
  .sv-ranking-item__index.sv-ranking-item__index svg {
3559
3563
  fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
3560
- width: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3561
- height: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3564
+ width: var(--sjs-internal-font-editorfont-size);
3565
+ height: var(--sjs-internal-font-editorfont-size);
3562
3566
  }
3563
3567
 
3564
3568
  .sv-ranking-item__text {
3569
+ --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3565
3570
  display: inline-block;
3566
3571
  overflow: hidden;
3567
3572
  text-overflow: ellipsis;
3568
3573
  white-space: nowrap;
3569
3574
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
3570
- font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3571
- line-height: calc(1.5 * (var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)))));
3575
+ font-size: var(--sjs-internal-font-editorfont-size);
3576
+ line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
3572
3577
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3573
3578
  }
3574
3579