dockview-react 4.1.0 → 4.2.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.
@@ -1,7 +1,6 @@
1
1
  .dv-scrollable {
2
2
  position: relative;
3
3
  overflow: hidden;
4
- width: 100%;
5
4
  }
6
5
  .dv-scrollable .dv-scrollbar-horizontal {
7
6
  position: absolute;
@@ -249,10 +248,10 @@
249
248
  opacity: 0;
250
249
  transition: none;
251
250
  }
252
- .dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-active-tab {
251
+ .dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
253
252
  position: relative;
254
253
  }
255
- .dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-active-tab::after {
254
+ .dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
256
255
  position: absolute;
257
256
  left: 0px;
258
257
  top: 0px;
@@ -262,10 +261,10 @@
262
261
  background-color: #94527e;
263
262
  z-index: 999;
264
263
  }
265
- .dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-active-tab {
264
+ .dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
266
265
  position: relative;
267
266
  }
268
- .dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-active-tab::after {
267
+ .dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
269
268
  position: absolute;
270
269
  left: 0px;
271
270
  bottom: 0px;
@@ -647,19 +646,19 @@
647
646
  position: relative;
648
647
  }
649
648
 
650
- .dv-groupview.dv-active-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-active-tab {
649
+ .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
651
650
  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
652
651
  color: var(--dv-activegroup-visiblepanel-tab-color);
653
652
  }
654
- .dv-groupview.dv-active-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-inactive-tab {
653
+ .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {
655
654
  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
656
655
  color: var(--dv-activegroup-hiddenpanel-tab-color);
657
656
  }
658
- .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-active-tab {
657
+ .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
659
658
  background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);
660
659
  color: var(--dv-inactivegroup-visiblepanel-tab-color);
661
660
  }
662
- .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container > .dv-scrollable > .dv-tabs-container > .dv-tab.dv-inactive-tab {
661
+ .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {
663
662
  background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);
664
663
  color: var(--dv-inactivegroup-hiddenpanel-tab-color);
665
664
  }
@@ -1100,7 +1099,7 @@
1100
1099
  .dv-tabs-container {
1101
1100
  display: flex;
1102
1101
  height: 100%;
1103
- overflow: hidden;
1102
+ overflow: auto;
1104
1103
  scrollbar-width: thin;
1105
1104
  /* Track */
1106
1105
  /* Handle */
@@ -1126,6 +1125,10 @@
1126
1125
  background: var(--dv-tabs-container-scrollbar-color);
1127
1126
  }
1128
1127
 
1128
+ .dv-scrollable > .dv-tabs-container {
1129
+ overflow: hidden;
1130
+ }
1131
+
1129
1132
  .dv-tab {
1130
1133
  -webkit-user-drag: element;
1131
1134
  outline: none;
@@ -1162,6 +1165,9 @@
1162
1165
  height: var(--dv-tabs-and-actions-container-height);
1163
1166
  font-size: var(--dv-tabs-and-actions-container-font-size);
1164
1167
  }
1168
+ .dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {
1169
+ flex-grow: 1;
1170
+ }
1165
1171
  .dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {
1166
1172
  flex-grow: 1;
1167
1173
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dockview-react",
3
- "version": "4.1.0",
3
+ "version": "4.2.1",
4
4
  "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
5
5
  "keywords": [
6
6
  "splitview",
@@ -54,6 +54,6 @@
54
54
  "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-react --coverage"
55
55
  },
56
56
  "dependencies": {
57
- "dockview": "^4.1.0"
57
+ "dockview": "^4.2.1"
58
58
  }
59
59
  }