Skip to content

Commit 6d7f7e4

Browse files
committed
chore(deps): update dockview to v4.5.0
1 parent 5bc9e55 commit 6d7f7e4

2 files changed

Lines changed: 191 additions & 72 deletions

File tree

src/components/BootstrapBlazor.DockView/wwwroot/css/dockview.css

Lines changed: 60 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -292,6 +292,7 @@
292292
--dv-active-sash-color: transparent;
293293
--dv-active-sash-transition-duration: 0.1s;
294294
--dv-active-sash-transition-delay: 0.5s;
295+
box-sizing: border-box;
295296
padding: 10px;
296297
background-color: #ebeced;
297298
--dv-group-view-background-color: #ebeced;
@@ -411,6 +412,7 @@
411412
--dv-tab-margin: 0.5rem 0.25rem;
412413
--dv-tabs-and-actions-container-height: 44px;
413414
--dv-border-radius: 20px;
415+
box-sizing: border-box;
414416
--dv-color-abyss-dark: rgb(11, 6, 17);
415417
--dv-color-abyss: #16121f;
416418
--dv-color-abyss-light: #201d2b;
@@ -515,6 +517,7 @@
515517
--dv-tab-margin: 0.5rem 0.25rem;
516518
--dv-tabs-and-actions-container-height: 44px;
517519
--dv-border-radius: 20px;
520+
box-sizing: border-box;
518521
--dv-drag-over-border: 2px solid rgb(91, 30, 207);
519522
--dv-drag-over-background-color: "";
520523
--dv-group-view-background-color: #f6f5f9;
@@ -1023,6 +1026,63 @@
10231026
pointer-events: none;
10241027
background-color: var(--dv-separator-border);
10251028
}
1029+
.dv-dragged {
1030+
transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
1031+
}
1032+
1033+
.dv-tab {
1034+
flex-shrink: 0;
1035+
}
1036+
.dv-tab:focus-within, .dv-tab:focus {
1037+
position: relative;
1038+
}
1039+
.dv-tab:focus-within::after, .dv-tab:focus::after {
1040+
position: absolute;
1041+
content: "";
1042+
height: 100%;
1043+
width: 100%;
1044+
top: 0px;
1045+
left: 0px;
1046+
pointer-events: none;
1047+
outline: 1px solid var(--dv-tab-divider-color) !important;
1048+
outline-offset: -1px;
1049+
z-index: 5;
1050+
}
1051+
.dv-tab.dv-tab-dragging .dv-default-tab-action {
1052+
background-color: var(--dv-activegroup-visiblepanel-tab-color);
1053+
}
1054+
.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
1055+
visibility: visible;
1056+
}
1057+
.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
1058+
visibility: hidden;
1059+
}
1060+
.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
1061+
visibility: visible;
1062+
}
1063+
.dv-tab .dv-default-tab {
1064+
position: relative;
1065+
height: 100%;
1066+
display: flex;
1067+
align-items: center;
1068+
white-space: nowrap;
1069+
text-overflow: ellipsis;
1070+
}
1071+
.dv-tab .dv-default-tab .dv-default-tab-content {
1072+
flex-grow: 1;
1073+
margin-right: 4px;
1074+
}
1075+
.dv-tab .dv-default-tab .dv-default-tab-action {
1076+
padding: 4px;
1077+
display: flex;
1078+
align-items: center;
1079+
justify-content: center;
1080+
box-sizing: border-box;
1081+
}
1082+
.dv-tab .dv-default-tab .dv-default-tab-action:hover {
1083+
border-radius: 2px;
1084+
background-color: var(--dv-icon-hover-background-color);
1085+
}
10261086
.dv-tabs-overflow-dropdown-default {
10271087
height: 100%;
10281088
color: var(--dv-activegroup-hiddenpanel-tab-color);
@@ -1132,61 +1192,4 @@
11321192
.dv-watermark {
11331193
display: flex;
11341194
height: 100%;
1135-
}
1136-
.dv-dragged {
1137-
transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
1138-
}
1139-
1140-
.dv-tab {
1141-
flex-shrink: 0;
1142-
}
1143-
.dv-tab:focus-within, .dv-tab:focus {
1144-
position: relative;
1145-
}
1146-
.dv-tab:focus-within::after, .dv-tab:focus::after {
1147-
position: absolute;
1148-
content: "";
1149-
height: 100%;
1150-
width: 100%;
1151-
top: 0px;
1152-
left: 0px;
1153-
pointer-events: none;
1154-
outline: 1px solid var(--dv-tab-divider-color) !important;
1155-
outline-offset: -1px;
1156-
z-index: 5;
1157-
}
1158-
.dv-tab.dv-tab-dragging .dv-default-tab-action {
1159-
background-color: var(--dv-activegroup-visiblepanel-tab-color);
1160-
}
1161-
.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
1162-
visibility: visible;
1163-
}
1164-
.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
1165-
visibility: hidden;
1166-
}
1167-
.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
1168-
visibility: visible;
1169-
}
1170-
.dv-tab .dv-default-tab {
1171-
position: relative;
1172-
height: 100%;
1173-
display: flex;
1174-
align-items: center;
1175-
white-space: nowrap;
1176-
text-overflow: ellipsis;
1177-
}
1178-
.dv-tab .dv-default-tab .dv-default-tab-content {
1179-
flex-grow: 1;
1180-
margin-right: 4px;
1181-
}
1182-
.dv-tab .dv-default-tab .dv-default-tab-action {
1183-
padding: 4px;
1184-
display: flex;
1185-
align-items: center;
1186-
justify-content: center;
1187-
box-sizing: border-box;
1188-
}
1189-
.dv-tab .dv-default-tab .dv-default-tab-action:hover {
1190-
border-radius: 2px;
1191-
background-color: var(--dv-icon-hover-background-color);
11921195
}

0 commit comments

Comments
 (0)