@itwin/itwinui-css 0.63.0 → 0.63.1

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/all.css +11 -1
  3. package/css/code.css +2 -0
  4. package/css/dialog.css +3 -1
  5. package/css/tabs.css +6 -0
  6. package/package.json +1 -1
  7. package/scss/code/codeblock.scss +1 -0
  8. package/scss/dialog/dialog.scss +3 -1
  9. package/scss/tabs/default.scss +8 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ### [0.63.1](https://www.github.com/iTwin/iTwinUI/compare/v0.63.0...v0.63.1) (2022-08-11)
4
+
5
+ ### Fixes
6
+
7
+ * **Codeblock:** Striping with horizontal scroll ([#730](https://www.github.com/iTwin/iTwinUI/issues/730)) ([d2de81c](https://www.github.com/iTwin/iTwinUI/commit/d2de81caa0d77ebe4c3398fa733bdf27295a9981))
8
+ * **Dialog:** Changed `space-between` inside title bar ([#729](https://www.github.com/iTwin/iTwinUI/issues/729)) ([c6e6dc9](https://www.github.com/iTwin/iTwinUI/commit/c6e6dc977c2791d4ac4ef7498b3495cd5ef6d5c6))
9
+ * **Tabs:** Add max size for button within tab list ([#703](https://www.github.com/iTwin/iTwinUI/issues/703)) ([e6d5d1f](https://www.github.com/iTwin/iTwinUI/commit/e6d5d1f660dd4deee808831680915980f4032c57))
10
+
3
11
  ## [0.63.0](https://www.github.com/iTwin/iTwinUI/compare/v0.62.0...v0.63.0) (2022-08-01)
4
12
 
5
13
  ### What's new
package/css/all.css CHANGED
@@ -2194,6 +2194,8 @@ a.iui-breadcrumbs-text:focus{
2194
2194
  }
2195
2195
  .iui-codeblock > .iui-codeblock-content{
2196
2196
  margin:0;
2197
+ display:-ms-grid;
2198
+ display:grid;
2197
2199
  overflow-x:auto;
2198
2200
  overflow-y:auto;
2199
2201
  border-radius:0 0 4px 4px;
@@ -3082,18 +3084,20 @@ a.iui-breadcrumbs-text:focus{
3082
3084
  }
3083
3085
 
3084
3086
  .iui-dialog-title{
3087
+ display:flex;
3088
+ align-items:center;
3085
3089
  font-size:inherit;
3086
3090
  white-space:nowrap;
3087
3091
  overflow:hidden;
3088
3092
  text-overflow:ellipsis;
3089
3093
  line-height:1.5;
3094
+ margin-right:auto;
3090
3095
  }
3091
3096
 
3092
3097
  .iui-dialog-title-bar{
3093
3098
  display:flex;
3094
3099
  align-items:center;
3095
3100
  margin-bottom:11px;
3096
- justify-content:space-between;
3097
3101
  box-sizing:border-box;
3098
3102
  font-size:18px;
3099
3103
  }
@@ -8645,6 +8649,9 @@ label.iui-input-label.iui-disabled{
8645
8649
  .iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{
8646
8650
  margin-top:-1px;
8647
8651
  }
8652
+ .iui-horizontal .iui-tabs.iui-default :where(.iui-button){
8653
+ height:100%;
8654
+ }
8648
8655
 
8649
8656
  .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{
8650
8657
  border-right-color:transparent;
@@ -8655,6 +8662,9 @@ label.iui-input-label.iui-disabled{
8655
8662
  .iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{
8656
8663
  margin-left:-1px;
8657
8664
  }
8665
+ .iui-vertical .iui-tabs.iui-default :where(.iui-button){
8666
+ width:100%;
8667
+ }
8658
8668
 
8659
8669
  .iui-tabs.iui-default.iui-large .iui-tab{
8660
8670
  min-height:49px;
package/css/code.css CHANGED
@@ -46,6 +46,8 @@
46
46
  }
47
47
  .iui-codeblock > .iui-codeblock-content{
48
48
  margin:0;
49
+ display:-ms-grid;
50
+ display:grid;
49
51
  overflow-x:auto;
50
52
  overflow-y:auto;
51
53
  border-radius:0 0 4px 4px;
package/css/dialog.css CHANGED
@@ -112,18 +112,20 @@
112
112
  }
113
113
 
114
114
  .iui-dialog-title{
115
+ display:flex;
116
+ align-items:center;
115
117
  font-size:inherit;
116
118
  white-space:nowrap;
117
119
  overflow:hidden;
118
120
  text-overflow:ellipsis;
119
121
  line-height:1.5;
122
+ margin-right:auto;
120
123
  }
121
124
 
122
125
  .iui-dialog-title-bar{
123
126
  display:flex;
124
127
  align-items:center;
125
128
  margin-bottom:11px;
126
- justify-content:space-between;
127
129
  box-sizing:border-box;
128
130
  font-size:18px;
129
131
  }
package/css/tabs.css CHANGED
@@ -180,6 +180,9 @@
180
180
  .iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{
181
181
  margin-top:-1px;
182
182
  }
183
+ .iui-horizontal .iui-tabs.iui-default :where(.iui-button){
184
+ height:100%;
185
+ }
183
186
 
184
187
  .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{
185
188
  border-right-color:transparent;
@@ -190,6 +193,9 @@
190
193
  .iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{
191
194
  margin-left:-1px;
192
195
  }
196
+ .iui-vertical .iui-tabs.iui-default :where(.iui-button){
197
+ width:100%;
198
+ }
193
199
 
194
200
  .iui-tabs.iui-default.iui-large .iui-tab{
195
201
  min-height:49px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "0.63.0",
3
+ "version": "0.63.1",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "src/index.scss",
package/scss/code/codeblock.scss CHANGED
@@ -28,6 +28,7 @@
28
28
 
29
29
  > .iui-codeblock-content {
30
30
  margin: 0;
31
+ display: grid;
31
32
  overflow-x: auto;
32
33
  overflow-y: auto;
33
34
  border-radius: 0 0 $iui-border-radius $iui-border-radius;
package/scss/dialog/dialog.scss CHANGED
@@ -137,18 +137,20 @@ $iui-dialog-width: 380px;
137
137
  }
138
138
 
139
139
  @mixin iui-dialog-title {
140
+ display: flex;
141
+ align-items: center;
140
142
  font-size: inherit;
141
143
  white-space: nowrap;
142
144
  overflow: hidden;
143
145
  text-overflow: ellipsis;
144
146
  line-height: 1.5;
147
+ margin-right: auto;
145
148
  }
146
149
 
147
150
  @mixin iui-dialog-title-bar {
148
151
  display: flex;
149
152
  align-items: center;
150
153
  margin-bottom: $iui-baseline;
151
- justify-content: space-between;
152
154
  box-sizing: border-box;
153
155
  font-size: $iui-font-size-subheading;
154
156
  }
package/scss/tabs/default.scss CHANGED
@@ -56,6 +56,10 @@
56
56
  ~ .iui-tabs-content {
57
57
  margin-top: -1px;
58
58
  }
59
+
60
+ :where(.iui-button) {
61
+ height: 100%;
62
+ }
59
63
  }
60
64
  }
61
65
 
@@ -72,6 +76,10 @@
72
76
  ~ .iui-tabs-content {
73
77
  margin-left: -1px;
74
78
  }
79
+
80
+ :where(.iui-button) {
81
+ width: 100%;
82
+ }
75
83
  }
76
84
  }
77
85