@itwin/itwinui-css 0.35.1 → 0.35.2

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/css/all.css CHANGED
@@ -4316,7 +4316,6 @@ html.iui-theme-dark{
4316
4316
  min-width:192px;
4317
4317
  max-width:50vw;
4318
4318
  height:100%;
4319
- display:flex;
4320
4319
  box-sizing:border-box;
4321
4320
  overflow-x:hidden;
4322
4321
  overflow-y:auto;
@@ -4333,6 +4332,8 @@ html.iui-theme-dark{
4333
4332
  @media (prefers-reduced-motion: no-preference){
4334
4333
  .iui-side-navigation-submenu.iui-enter-active, .iui-side-navigation-submenu.iui-exit-active{
4335
4334
  transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } }
4335
+ .iui-side-navigation-submenu.iui-enter-active, .iui-side-navigation-submenu.iui-exit-active{
4336
+ display:flex; }
4336
4337
  .iui-side-navigation-submenu-content{
4337
4338
  padding:0 12px 11px;
4338
4339
  flex-shrink:0;
@@ -4359,9 +4360,9 @@ html.iui-theme-dark{
4359
4360
  white-space:nowrap;
4360
4361
  overflow:hidden;
4361
4362
  text-overflow:ellipsis; }
4362
- .iui-side-navigation-submenu-header-label-actions{
4363
- flex-shrink:0;
4364
- margin-left:8px; }
4363
+ .iui-side-navigation-submenu-header-actions{
4364
+ flex-shrink:0;
4365
+ margin-left:8px; }
4365
4366
 
4366
4367
  .iui-side-navigation-wrapper{
4367
4368
  display:flex;
@@ -4369,7 +4370,8 @@ html.iui-theme-dark{
4369
4370
  height:100%; }
4370
4371
 
4371
4372
  .iui-slider-component-container{
4372
- display:flex; }
4373
+ display:flex;
4374
+ min-height:22px; }
4373
4375
  .iui-slider-component-container .iui-slider-min,
4374
4376
  .iui-slider-component-container .iui-slider-max{
4375
4377
  -webkit-user-select:all;
@@ -122,7 +122,6 @@
122
122
  min-width:192px;
123
123
  max-width:50vw;
124
124
  height:100%;
125
- display:flex;
126
125
  box-sizing:border-box;
127
126
  overflow-x:hidden;
128
127
  overflow-y:auto;
@@ -139,6 +138,8 @@
139
138
  @media (prefers-reduced-motion: no-preference){
140
139
  .iui-side-navigation-submenu.iui-enter-active, .iui-side-navigation-submenu.iui-exit-active{
141
140
  transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } }
141
+ .iui-side-navigation-submenu.iui-enter-active, .iui-side-navigation-submenu.iui-exit-active{
142
+ display:flex; }
142
143
  .iui-side-navigation-submenu-content{
143
144
  padding:0 12px 11px;
144
145
  flex-shrink:0;
@@ -165,9 +166,9 @@
165
166
  white-space:nowrap;
166
167
  overflow:hidden;
167
168
  text-overflow:ellipsis; }
168
- .iui-side-navigation-submenu-header-label-actions{
169
- flex-shrink:0;
170
- margin-left:8px; }
169
+ .iui-side-navigation-submenu-header-actions{
170
+ flex-shrink:0;
171
+ margin-left:8px; }
171
172
 
172
173
  .iui-side-navigation-wrapper{
173
174
  display:flex;
package/css/slider.css CHANGED
@@ -3,7 +3,8 @@
3
3
  * See LICENSE.md in the project root for license terms and full copyright notice.
4
4
  *--------------------------------------------------------------------------------------------*/
5
5
  .iui-slider-component-container{
6
- display:flex; }
6
+ display:flex;
7
+ min-height:22px; }
7
8
  .iui-slider-component-container .iui-slider-min,
8
9
  .iui-slider-component-container .iui-slider-max{
9
10
  -webkit-user-select:all;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "0.35.1",
3
+ "version": "0.35.2",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "src/index.scss",
@@ -176,7 +176,6 @@
176
176
  min-width: $iui-3xl * 2;
177
177
  max-width: 50vw;
178
178
  height: 100%;
179
- display: flex;
180
179
  box-sizing: border-box;
181
180
  overflow-x: hidden;
182
181
  overflow-y: auto;
@@ -189,6 +188,11 @@
189
188
 
190
189
  @include iui-transition-group;
191
190
 
191
+ &.iui-enter-active,
192
+ &.iui-exit-active {
193
+ display: flex;
194
+ }
195
+
192
196
  &-content {
193
197
  padding: 0 $iui-sm $iui-baseline;
194
198
  flex-shrink: 0;
@@ -216,11 +220,11 @@
216
220
  overflow: hidden;
217
221
  text-overflow: ellipsis;
218
222
  }
223
+ }
219
224
 
220
- &-actions {
221
- flex-shrink: 0;
222
- margin-left: $iui-s;
223
- }
225
+ &-actions {
226
+ flex-shrink: 0;
227
+ margin-left: $iui-s;
224
228
  }
225
229
  }
226
230
  }
@@ -9,6 +9,7 @@ $tick-height: $iui-baseline; // 11px
9
9
 
10
10
  @mixin iui-slider-component-container {
11
11
  display: flex;
12
+ min-height: $iui-baseline * 2;
12
13
 
13
14
  .iui-slider-min,
14
15
  .iui-slider-max {