Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SRCT
whats-open-web
Commits
33471fe9
Commit
33471fe9
authored
Apr 22, 2017
by
mdsecurity
Browse files
this ones for you big daddy dhaynes
parent
2fd63be8
Changes
6
Expand all
Hide whitespace changes
Inline
Side-by-side
src/app/app.component.scss
View file @
33471fe9
.app-container
{
position
:
relative
;
height
:
100%
;
width
:
100%
;
}
...
...
src/app/nav-bar/_collapsed-nav.scss
View file @
33471fe9
.small-nav-background
{
position
:absolute
;
//
position:absolute;
top
:
0
;
width
:
100%
;
height
:
95px
;
// background-color: #006633;
z-index
:
1000
;
}
.small-logo
{
...
...
@@ -75,7 +74,7 @@
border-radius
:
50px
;
opacity
:
0
.9
;
font-family
:
NunitoSans-Regular
;
font-size
:
1
2
px
;
font-size
:
1
3
px
;
color
:
#FFFFFF
;
text-align
:
center
;
vertical-align
:
middle
;
...
...
src/app/nav-bar/_expanded-nav.scss
View file @
33471fe9
...
...
@@ -3,10 +3,10 @@
width
:
100%
;
top
:
0px
;
left
:
0px
;
height
:
400px
;
height
:
55%
;
background
:
#ffffff
;
box-shadow
:
0px
8px
20px
0px
$shadow-color
;
z-index
:
500
;
&
:before
{
content
:
""
;
background
:
url("../../assets/pattern.png")
repeat
;
...
...
src/app/nav-bar/nav-bar.component.html
View file @
33471fe9
This diff is collapsed.
Click to expand it.
src/app/nav-bar/nav-bar.component.scss
View file @
33471fe9
...
...
@@ -28,3 +28,11 @@
box-shadow
:
inset
0px
0px
20px
0px
$shadow-color
;
z-index
:
10001
;
}
.filler-container
{
width
:
100%
;
height
:
80px
;
z-index
:
-10
;
}
.nav-bars-container
{
}
\ No newline at end of file
src/app/nav-bar/nav-bar.component.ts
View file @
33471fe9
...
...
@@ -14,25 +14,25 @@ import {
animations
:
[
trigger
(
'
toggle-large-bar
'
,
[
state
(
'
expanded
'
,
style
({
transform
:
'
translateY(0px)
'
transform
:
'
translateY(0px)
'
,
zIndex
:
'
1
'
})),
state
(
'
collapsed
'
,
style
({
transform
:
'
translateY(-400px)
'
transform
:
'
translateY(-400px)
'
,
zIndex
:
'
1000
'
})),
transition
(
'
expanded => collapsed
'
,
animate
(
'
30
0ms cubic-bezier(.35,0,.61,1)
'
)),
transition
(
'
collapsed => expanded
'
,
animate
(
'
30
0ms ease-in-out
'
))
transition
(
'
expanded => collapsed
'
,
animate
(
'
25
0ms cubic-bezier(.35,0,.61,1)
'
)),
transition
(
'
collapsed => expanded
'
,
animate
(
'
25
0ms ease-in-out
'
))
]),
trigger
(
'
toggle-small-bar
'
,
[
state
(
'
expanded
'
,
style
({
backgroundColor
:
'
transparent
'
,
zIndex
:
'
1
'
backgroundColor
:
'
transparent
'
})),
state
(
'
collapsed
'
,
style
({
backgroundColor
:
'
#006633
'
,
zIndex
:
'
0
'
backgroundColor
:
'
#006633
'
})),
transition
(
'
expanded => collapsed
'
,
animate
(
'
250ms 2
7
0ms ease-out
'
)),
transition
(
'
collapsed => expanded
'
,
animate
(
'
30
0ms ease-out
'
))
transition
(
'
expanded => collapsed
'
,
animate
(
'
250ms 2
5
0ms ease-out
'
)),
transition
(
'
collapsed => expanded
'
,
animate
(
'
25
0ms ease-out
'
))
]),
trigger
(
'
toggle-links
'
,
[
state
(
'
expanded
'
,
style
({
...
...
@@ -51,9 +51,9 @@ import {
opacity
:
'
0
'
})),
state
(
'
collapsed
'
,
style
({
opacity
:
'
1
'
opacity
:
'
1
00
'
})),
transition
(
'
expanded => collapsed
'
,
animate
(
'
150ms ease-out
'
)),
transition
(
'
expanded => collapsed
'
,
animate
(
'
150ms
100ms
ease-out
'
)),
transition
(
'
collapsed => expanded
'
,
animate
(
'
150ms ease-out
'
))
])
...
...
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