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
Jérome Perrin
gitlab-ce
Commits
77c7fb14
Commit
77c7fb14
authored
May 18, 2016
by
Annabel Dunstone
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Fix coffeescript; remove fade out div so area is clickable; remove scrollbar on chrome
parent
7876d27d
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
6 additions
and
2 deletions
+6
-2
app/assets/javascripts/layout_nav.js.coffee
app/assets/javascripts/layout_nav.js.coffee
+4
-2
app/assets/stylesheets/framework/nav.scss
app/assets/stylesheets/framework/nav.scss
+2
-0
No files found.
app/assets/javascripts/layout_nav.js.coffee
View file @
77c7fb14
...
@@ -2,8 +2,10 @@ class @LayoutNav
...
@@ -2,8 +2,10 @@ class @LayoutNav
$
->
$
->
$
(
'#scrolling-tabs'
).
on
'scroll'
,
->
$
(
'#scrolling-tabs'
).
on
'scroll'
,
->
currentPosition
=
$
(
this
).
scrollLeft
()
currentPosition
=
$
(
this
).
scrollLeft
()
return
if
currentPosition
==
0
return
if
currentPosition
is
0
mobileScreenWidth
=
480
controlBtnWidth
=
$
(
'.controls'
).
width
()
maxPosition
=
$
(
this
)[
0
].
scrollWidth
-
$
(
this
).
parent
().
width
()
maxPosition
=
$
(
this
)[
0
].
scrollWidth
-
$
(
this
).
parent
().
width
()
maxPosition
+=
59
if
$
(
'.nav-control'
).
length
and
window
.
innerWidth
>
480
maxPosition
+=
controlBtnWidth
if
$
(
'.nav-control'
).
length
and
$
(
window
).
width
()
>
mobileScreenWidth
$
(
'.fade-out'
).
toggleClass
(
'end-scroll'
,
currentPosition
is
maxPosition
)
$
(
'.fade-out'
).
toggleClass
(
'end-scroll'
,
currentPosition
is
maxPosition
)
app/assets/stylesheets/framework/nav.scss
View file @
77c7fb14
...
@@ -257,6 +257,7 @@
...
@@ -257,6 +257,7 @@
}
}
.fade-out
{
.fade-out
{
visibility
:
visible
;
opacity
:
1
;
opacity
:
1
;
position
:
absolute
;
position
:
absolute
;
bottom
:
16px
;
bottom
:
16px
;
...
@@ -270,6 +271,7 @@
...
@@ -270,6 +271,7 @@
background
:
linear-gradient
(
left
,
rgba
(
250
,
250
,
250
,
0
.4
)
,
$background-color
45%
);
background
:
linear-gradient
(
left
,
rgba
(
250
,
250
,
250
,
0
.4
)
,
$background-color
45%
);
&
.end-scroll
{
&
.end-scroll
{
visibility
:
hidden
;
opacity
:
0
;
opacity
:
0
;
transition-duration
:
.3s
;
transition-duration
:
.3s
;
}
}
...
...
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