Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Зуев Егор
/
wiki.dev
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
Authored by
Dan Brown
2017-04-16 16:46:55 +0100
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
Commit
1a09d88891e646de0610de0d75edb8752ae85bc3
1a09d888
1 parent
46c01ecb
Added fade effect to page content highlighting
Closes #314
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
10 additions
and
0 deletions
resources/assets/js/pages/page-show.js
resources/assets/sass/_animations.scss
resources/assets/js/pages/page-show.js
View file @
1a09d88
...
...
@@ -81,6 +81,12 @@ let setupPageShow = window.setupPageShow = function (pageId) {
let
$idElem
=
$
(
idElem
);
let
color
=
$
(
'#custom-styles'
).
attr
(
'data-color-light'
);
$idElem
.
css
(
'background-color'
,
color
).
attr
(
'data-highlighted'
,
'true'
).
smoothScrollTo
();
setTimeout
(()
=>
{
$idElem
.
addClass
(
'anim'
).
addClass
(
'selectFade'
).
css
(
'background-color'
,
''
);
setTimeout
(()
=>
{
$idElem
.
removeClass
(
'selectFade'
);
},
3000
);
},
100
);
}
else
{
$
(
'.page-content'
).
find
(
':contains("'
+
text
+
'")'
).
smoothScrollTo
();
}
...
...
resources/assets/sass/_animations.scss
View file @
1a09d88
...
...
@@ -127,3 +127,7 @@
animation-delay
:
0s
;
animation-timing-function
:
cubic-bezier
(
.62
,
.28
,
.23
,
.99
);
}
.anim.selectFade
{
transition
:
background-color
ease-in-out
3000ms
;
}
\ No newline at end of file
...
...
Please
register
or
sign in
to post a comment