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 ;
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 ;
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 ;
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 );
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