File tree 4 files changed +4
-25
lines changed
4 files changed +4
-25
lines changed Original file line number Diff line number Diff line change @@ -59,7 +59,7 @@ const marginLeft = computed(() => {
59
59
<div h =" full" flex =" ~ col" >
60
60
<div p =" 3" h-10 flex =" ~ gap-2" items-center bg-header border =" b base" >
61
61
<IconButton
62
- v-show =" panels.navigation <= 2 "
62
+ v-show =" panels.navigation <= 15 "
63
63
v-tooltip.bottom =" 'Show Navigation Panel'"
64
64
title =" Show Navigation Panel"
65
65
rotate-180
Original file line number Diff line number Diff line change @@ -8,7 +8,6 @@ import { RecycleScroller } from 'vue-virtual-scroller'
8
8
import { config } from ' ~/composables/client'
9
9
import { useSearch } from ' ~/composables/explorer/search'
10
10
11
- import { panels } from ' ~/composables/navigation'
12
11
import { activeFileId } from ' ~/composables/params'
13
12
14
13
import ' vue-virtual-scroller/dist/vue-virtual-scroller.css'
@@ -46,12 +45,10 @@ const {
46
45
47
46
const filterClass = ref <string >(' grid-cols-2' )
48
47
const filterHeaderClass = ref <string >(' grid-col-span-2' )
49
- const testExplorerRef = ref <HTMLInputElement | undefined >()
50
48
51
- const { width : windowWidth } = useWindowSize ()
52
-
53
- watch (() => windowWidth .value * (panels .navigation / 100 ), (width ) => {
54
- if (width < 420 ) {
49
+ const testExplorerRef = ref <HTMLElement | undefined >()
50
+ useResizeObserver (() => testExplorerRef .value , ([{ contentRect }]) => {
51
+ if (contentRect .width < 420 ) {
55
52
filterClass .value = ' grid-cols-2'
56
53
filterHeaderClass .value = ' grid-col-span-2'
57
54
}
Original file line number Diff line number Diff line change @@ -19,16 +19,10 @@ export const coverageEnabled = computed(() => {
19
19
export const mainSizes = useLocalStorage < [ left : number , right : number ] > (
20
20
'vitest-ui_splitpanes-mainSizes' ,
21
21
[ 33 , 67 ] ,
22
- {
23
- initOnMounted : true ,
24
- } ,
25
22
)
26
23
export const detailSizes = useLocalStorage < [ left : number , right : number ] > (
27
24
'vitest-ui_splitpanes-detailSizes' ,
28
25
[ 33 , 67 ] ,
29
- {
30
- initOnMounted : true ,
31
- } ,
32
26
)
33
27
34
28
// live sizes of panels in percentage
Original file line number Diff line number Diff line change @@ -40,17 +40,6 @@ const resizingMain = useDebounceFn((event: { size: number }[]) => {
40
40
preventBrowserEvents ()
41
41
}, 0 )
42
42
43
- function resizeMain() {
44
- const width = window .innerWidth
45
- const panelWidth = Math .min (width / 3 , 300 )
46
- mainSizes .value [0 ] = (100 * panelWidth ) / width
47
- mainSizes .value [1 ] = 100 - mainSizes .value [0 ]
48
- recordMainResize ([
49
- { size: mainSizes .value [0 ] },
50
- { size: mainSizes .value [1 ] },
51
- ])
52
- }
53
-
54
43
function recordMainResize(event : { size: number }[]) {
55
44
panels .navigation = event [0 ].size
56
45
panels .details .size = event [1 ].size
@@ -83,7 +72,6 @@ function allowBrowserEvents() {
83
72
class =" pt-4px"
84
73
@resized =" onMainResized"
85
74
@resize =" resizingMain"
86
- @ready =" resizeMain"
87
75
>
88
76
<Pane :size =" mainSizes[0]" >
89
77
<Navigation />
You can’t perform that action at this time.
0 commit comments