Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
ad633afd
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,发现更多精彩内容 >>
提交
ad633afd
编写于
7月 19, 2017
作者:
P
Phil Hughes
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
transform the position
correctly position the arrow fix scss lint
上级
e35a56c5
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
38 addition
and
21 deletion
+38
-21
app/assets/javascripts/main.js
app/assets/javascripts/main.js
+13
-3
app/assets/stylesheets/new_sidebar.scss
app/assets/stylesheets/new_sidebar.scss
+25
-18
未找到文件。
app/assets/javascripts/main.js
浏览文件 @
ad633afd
...
...
@@ -348,6 +348,9 @@ $(function () {
$
(
document
).
trigger
(
'
init.scrolling-tabs
'
);
const
style
=
document
.
createElement
(
"
style
"
);
document
.
head
.
appendChild
(
style
);
$
(
'
.sidebar-top-level-items > li:not(.active)
'
).
on
(
'
mouseover
'
,
(
e
)
=>
{
const
windowHeight
=
window
.
innerHeight
;
const
$this
=
e
.
currentTarget
;
...
...
@@ -355,13 +358,20 @@ $(function () {
if
(
$subitems
.
length
)
{
const
boundingRect
=
$this
.
getBoundingClientRect
();
const
bottomOverflow
=
windowHeight
-
(
boundingRect
.
top
+
$subitems
.
outerHeight
());
const
top
=
bottomOverflow
<
0
?
boundingRect
.
top
-
Math
.
abs
(
bottomOverflow
)
:
boundingRect
.
top
;
$subitems
.
css
({
t
op
,
t
ransform
:
`translate3d(0,
${
top
}
px, 0)`
,
});
style
.
sheet
.
insertRule
(
`.sidebar-sub-level-items::before { transform: translate3d(0,
${
boundingRect
.
top
-
top
}
px, 0); }`
,
0
);
}
}).
on
(
'
mouseout
'
,
e
=>
$
(
'
.sidebar-sub-level-items
'
,
e
.
currentTarget
).
hide
());
}).
on
(
'
mouseout
'
,
(
e
)
=>
{
$
(
'
.sidebar-sub-level-items
'
,
e
.
currentTarget
).
hide
();
if
(
style
.
sheet
.
rules
.
length
)
{
style
.
sheet
.
deleteRule
(
0
);
}
});
});
app/assets/stylesheets/new_sidebar.scss
浏览文件 @
ad633afd
...
...
@@ -98,7 +98,6 @@ $new-sidebar-width: 220px;
}
li
{
position
:
relative
;
white-space
:
nowrap
;
a
{
...
...
@@ -127,20 +126,6 @@ $new-sidebar-width: 220px;
padding-bottom
:
8px
;
>
li
{
&
:not
(
.active
)
{
@media
(
min-width
:
$screen-sm-min
)
{
a
{
padding
:
11px
16px
11px
24px
;
&
:hover
,
&
:focus
{
background
:
transparent
;
font-weight
:
600
;
}
}
}
}
a
{
padding
:
8px
16px
8px
24px
;
...
...
@@ -170,13 +155,14 @@ $new-sidebar-width: 220px;
.sidebar-sub-level-items
{
@media
(
min-width
:
$screen-sm-min
)
{
position
:
fixed
;
top
:
0
;
left
:
220px
;
width
:
150px
;
margin-left
:
-1px
;
padding-bottom
:
0
;
background-color
:
#fff
;
box-shadow
:
2px
1px
3px
rgba
(
0
,
0
,
0
,.
1
)
;
border
:
1px
solid
#e5e5e5
;
background-color
:
$white-light
;
box-shadow
:
2px
1px
3px
$dropdown-shadow-color
;
border
:
1px
solid
$dropdown-border-color
;
border-left
:
0
;
&
::before
{
...
...
@@ -189,6 +175,27 @@ $new-sidebar-width: 220px;
border-style
:
solid
;
border-width
:
21px
12px
;
border-color
:
transparent
transparent
transparent
$hover-background
;
pointer-events
:
none
;
}
&
::after
{
content
:
""
;
position
:
absolute
;
top
:
44px
;
left
:
-20px
;
right
:
0
;
bottom
:
0
;
z-index
:
-1
;
}
a
{
padding
:
11px
16px
11px
24px
;
&
:hover
,
&
:focus
{
background
:
transparent
;
font-weight
:
600
;
}
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录