Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
465813a2
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
465813a2
编写于
8月 30, 2017
作者:
P
Phil Hughes
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Fixes the fly-out navigation flashing in & out
Closes #37022
上级
3e092caa
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
42 addition
and
4 deletion
+42
-4
app/assets/javascripts/fly_out_nav.js
app/assets/javascripts/fly_out_nav.js
+10
-4
changelogs/unreleased/fly-out-nav-hiding-fix.yml
changelogs/unreleased/fly-out-nav-hiding-fix.yml
+5
-0
spec/javascripts/fly_out_nav_spec.js
spec/javascripts/fly_out_nav_spec.js
+27
-0
未找到文件。
app/assets/javascripts/fly_out_nav.js
浏览文件 @
465813a2
...
...
@@ -12,6 +12,7 @@ let sidebar;
export
const
mousePos
=
[];
export
const
setSidebar
=
(
el
)
=>
{
sidebar
=
el
;
};
export
const
getOpenMenu
=
()
=>
currentOpenMenu
;
export
const
setOpenMenu
=
(
menu
=
null
)
=>
{
currentOpenMenu
=
menu
;
};
export
const
slope
=
(
a
,
b
)
=>
(
b
.
y
-
a
.
y
)
/
(
b
.
x
-
a
.
x
);
...
...
@@ -141,6 +142,14 @@ export const documentMouseMove = (e) => {
if
(
mousePos
.
length
>
6
)
mousePos
.
shift
();
};
export
const
subItemsMouseLeave
=
(
relatedTarget
)
=>
{
clearTimeout
(
timeoutId
);
if
(
!
relatedTarget
.
closest
(
`.
${
IS_OVER_CLASS
}
`
))
{
hideMenu
(
currentOpenMenu
);
}
};
export
default
()
=>
{
sidebar
=
document
.
querySelector
(
'
.nav-sidebar
'
);
...
...
@@ -162,10 +171,7 @@ export default () => {
const
subItems
=
el
.
querySelector
(
'
.sidebar-sub-level-items
'
);
if
(
subItems
)
{
subItems
.
addEventListener
(
'
mouseleave
'
,
()
=>
{
clearTimeout
(
timeoutId
);
hideMenu
(
currentOpenMenu
);
});
subItems
.
addEventListener
(
'
mouseleave
'
,
e
=>
subItemsMouseLeave
(
e
.
relatedTarget
));
}
el
.
addEventListener
(
'
mouseenter
'
,
e
=>
mouseEnterTopItems
(
e
.
currentTarget
));
...
...
changelogs/unreleased/fly-out-nav-hiding-fix.yml
0 → 100644
浏览文件 @
465813a2
---
title
:
Fixed fly-out nav flashing in & out
merge_request
:
author
:
type
:
fixed
spec/javascripts/fly_out_nav_spec.js
浏览文件 @
465813a2
...
...
@@ -5,12 +5,14 @@ import {
canShowActiveSubItems
,
mouseEnterTopItems
,
mouseLeaveTopItem
,
getOpenMenu
,
setOpenMenu
,
mousePos
,
getHideSubItemsInterval
,
documentMouseMove
,
getHeaderHeight
,
setSidebar
,
subItemsMouseLeave
,
}
from
'
~/fly_out_nav
'
;
import
bp
from
'
~/breakpoints
'
;
...
...
@@ -314,4 +316,29 @@ describe('Fly out sidebar navigation', () => {
).
toBeTruthy
();
});
});
describe
(
'
subItemsMouseLeave
'
,
()
=>
{
beforeEach
(()
=>
{
el
.
innerHTML
=
'
<div class="sidebar-sub-level-items" style="position: absolute;"></div>
'
;
setOpenMenu
(
el
.
querySelector
(
'
.sidebar-sub-level-items
'
));
});
it
(
'
hides subMenu if element is not hovered
'
,
()
=>
{
subItemsMouseLeave
(
el
);
expect
(
getOpenMenu
(),
).
toBeNull
();
});
it
(
'
does not hide subMenu if element is hovered
'
,
()
=>
{
el
.
classList
.
add
(
'
is-over
'
);
subItemsMouseLeave
(
el
);
expect
(
getOpenMenu
(),
).
not
.
toBeNull
();
});
});
});
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录