Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gitlab-ce
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Tatuya Kamada
gitlab-ce
Commits
84fee47a
Commit
84fee47a
authored
May 12, 2016
by
Annabel Dunstone
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Start scrolling tabs design
parent
09ad0020
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
50 additions
and
1 deletion
+50
-1
app/assets/javascripts/layout_nav.js.coffee
app/assets/javascripts/layout_nav.js.coffee
+19
-0
app/assets/stylesheets/framework/nav.scss
app/assets/stylesheets/framework/nav.scss
+29
-0
app/views/layouts/nav/_group.html.haml
app/views/layouts/nav/_group.html.haml
+2
-1
No files found.
app/assets/javascripts/layout_nav.js.coffee
0 → 100644
View file @
84fee47a
class
@
LayoutNav
$
(
document
).
ready
->
$
(
'#scrolling-tabs'
).
on
'scroll'
,
->
cur
=
$
(
this
).
scrollLeft
()
if
cur
==
0
return
else
max
=
289
console
.
log
"MAX:"
+
max
console
.
log
"CUR:"
+
cur
if
cur
==
max
$
(
'.fa-arrow-right'
).
addClass
(
'end-scroll'
)
$
(
'.nav-links'
).
addClass
(
'end-scroll'
)
else
$
(
'.fa-arrow-right'
).
removeClass
(
'end-scroll'
)
$
(
'.nav-links'
).
removeClass
(
'end-scroll'
)
return
$
(
'#scrolling-tabs'
).
trigger
'scroll'
return
app/assets/stylesheets/framework/nav.scss
View file @
84fee47a
...
@@ -256,6 +256,30 @@
...
@@ -256,6 +256,30 @@
display
:
none
;
display
:
none
;
}
}
.fa-arrow-right
{
display
:
none
;
position
:
absolute
;
color
:
#7e7c7c
;
bottom
:
11px
;
right
:
0
;
padding
:
10px
10px
10px
25px
;
background
:
-webkit-linear-gradient
(
left
,
rgba
(
250
,
250
,
250
,
0
.4
)
,
$background-color
45%
);
&
.end-scroll
{
opacity
:
0
;
transition-duration
:
.3s
;
}
}
@media
(
max-width
:
790px
)
{
margin-right
:
19px
;
.fa-arrow-right
{
display
:
block
;
transition-duration
:
.3s
;
}
}
li
{
li
{
a
{
a
{
...
@@ -276,6 +300,11 @@
...
@@ -276,6 +300,11 @@
color
:
$gl-icon-color
;
color
:
$gl-icon-color
;
}
}
}
}
&
.end-scroll
{
margin-right
:
0
;
transition-duration
:
.3s
;
}
}
}
}
}
...
...
app/views/layouts/nav/_group.html.haml
View file @
84fee47a
=
render
'layouts/nav/group_settings'
=
render
'layouts/nav/group_settings'
%ul
.nav-links
%ul
.nav-links
#scrolling-tabs
=
nav_link
(
path:
'groups#show'
,
html_options:
{
class:
'home'
})
do
=
nav_link
(
path:
'groups#show'
,
html_options:
{
class:
'home'
})
do
=
link_to
group_path
(
@group
),
title:
'Home'
do
=
link_to
group_path
(
@group
),
title:
'Home'
do
=
icon
(
'group fw'
)
=
icon
(
'group fw'
)
...
@@ -35,3 +35,4 @@
...
@@ -35,3 +35,4 @@
=
icon
(
'users fw'
)
=
icon
(
'users fw'
)
%span
%span
Members
Members
=
icon
(
'arrow-right'
)
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment