Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
350e57fd
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,发现更多精彩内容 >>
提交
350e57fd
编写于
6月 22, 2016
作者:
A
Annabel Dunstone
提交者:
Jacob Schatz
6月 23, 2016
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Move fade out divs outside of scrolling container on project view
上级
d61c69f4
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
36 addition
and
19 deletion
+36
-19
app/assets/javascripts/layout_nav.js.coffee
app/assets/javascripts/layout_nav.js.coffee
+3
-3
app/assets/stylesheets/framework/nav.scss
app/assets/stylesheets/framework/nav.scss
+28
-11
app/views/layouts/nav/_project.html.haml
app/views/layouts/nav/_project.html.haml
+5
-5
未找到文件。
app/assets/javascripts/layout_nav.js.coffee
浏览文件 @
350e57fd
...
...
@@ -3,7 +3,7 @@ hideEndFade = ($scrollingTabs) ->
$this
=
$
(
@
)
$this
.
find
(
'.fade-right'
)
.
siblings
(
'.fade-right'
)
.
toggleClass
(
'scrolling'
,
$this
.
width
()
<
$this
.
prop
(
'scrollWidth'
))
$
->
...
...
@@ -20,5 +20,5 @@ $ ->
currentPosition
=
$this
.
scrollLeft
()
maxPosition
=
$this
.
prop
(
'scrollWidth'
)
-
$this
.
outerWidth
()
$this
.
find
(
'.fade-left'
).
toggleClass
(
'scrolling'
,
currentPosition
>
0
)
$this
.
find
(
'.fade-right'
).
toggleClass
(
'scrolling'
,
currentPosition
<
maxPosition
-
1
)
$this
.
siblings
(
'.fade-left'
).
toggleClass
(
'scrolling'
,
currentPosition
>
0
)
$this
.
siblings
(
'.fade-right'
).
toggleClass
(
'scrolling'
,
currentPosition
<
maxPosition
-
1
)
app/assets/stylesheets/framework/nav.scss
浏览文件 @
350e57fd
...
...
@@ -32,6 +32,7 @@
overflow-x
:
auto
;
overflow-y
:
hidden
;
-webkit-overflow-scrolling
:
touch
;
&
::-webkit-scrollbar
{
display
:
none
;
}
...
...
@@ -322,7 +323,7 @@
.fade-right
{
@include
fade
(
left
,
rgba
(
250
,
250
,
250
,
0
.4
)
,
$background-color
);
right
:
0
;
right
:
-5px
;
.fa
{
right
:
-7px
;
...
...
@@ -331,7 +332,7 @@
.fade-left
{
@include
fade
(
right
,
rgba
(
250
,
250
,
250
,
0
.4
)
,
$background-color
);
left
:
0
;
left
:
-5px
;
.fa
{
left
:
-7px
;
...
...
@@ -379,7 +380,7 @@
.fade-right
{
@media
(
max-width
:
$screen-xs-min
)
{
right
:
0
;
right
:
-5px
;
}
}
}
...
...
@@ -390,15 +391,23 @@
.nav-links
{
@include
scrolling-links
();
}
.fade-right
{
@include
fade
(
left
,
rgba
(
255
,
255
,
255
,
0
.4
)
,
$background-color
);
right
:
0
;
right
:
-5px
;
.fa
{
right
:
-7px
;
}
}
.fade-left
{
@include
fade
(
right
,
rgba
(
255
,
255
,
255
,
0
.4
)
,
$background-color
);
left
:
0
;
left
:
-5px
;
.fa
{
left
:
-7px
;
}
}
}
...
...
@@ -411,12 +420,20 @@
.fade-right
{
@include
fade
(
left
,
rgba
(
255
,
255
,
255
,
0
.4
)
,
$white-light
);
right
:
0
;
right
:
-5px
;
.fa
{
right
:
-7px
;
}
}
.fade-left
{
@include
fade
(
right
,
rgba
(
255
,
255
,
255
,
0
.4
)
,
$white-light
);
left
:
0
;
left
:
-5px
;
.fa
{
left
:
-7px
;
}
}
&
.event-filter
{
...
...
app/views/layouts/nav/_project.html.haml
浏览文件 @
350e57fd
...
...
@@ -24,10 +24,12 @@
data:
{
confirm:
leave_confirmation_message
(
@project
)
},
method: :delete
,
title:
'Leave project'
do
Leave Project
%div
{
class:
nav_control_class
}
%ul
.nav-links.scrolling-tabs
%li
.fade-left
.scrolling-tabs-container
{
class:
nav_control_class
}
.fade-left
=
icon
(
'arrow-left'
)
.fade-right
=
icon
(
'arrow-right'
)
%ul
.nav-links.scrolling-tabs
=
nav_link
(
path:
'projects#show'
,
html_options:
{
class:
'home'
})
do
=
link_to
project_path
(
@project
),
title:
'Project'
,
class:
'shortcuts-project'
do
%span
...
...
@@ -111,5 +113,3 @@
%li
.hidden
=
link_to
project_commits_path
(
@project
),
title:
'Commits'
,
class:
'shortcuts-commits'
do
Commits
%li
.fade-right
=
icon
(
'arrow-right'
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录