Skip to content

Commit 137d51b

Browse files
committed
Add show and hide navbar buttons
1 parent 3bd700b commit 137d51b

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

src/styles.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,37 @@
22
.view-container {
33
position: relative;
44
overflow: hidden;
5+
}
6+
7+
.showNavbarButton {
8+
display: flex;
9+
position: absolute;
10+
justify-content: center;
11+
align-items: center;
12+
cursor: pointer;
13+
z-index: 1000;
14+
15+
background: rgba(0, 0, 0, 0.09);
16+
bottom: 10px;
17+
height: 30px;
18+
width: 30px;
19+
right: 10px;
20+
21+
transition: background 0.2s ease, color 0.2s ease;
22+
23+
&:hover {
24+
background-color: rgba(0, 0, 0, 0.8);
25+
}
26+
}
27+
28+
.hideNavbarButton svg {
29+
width: 100%;
30+
transform: scale(1);
31+
transition: transform .2s ease;
32+
vertical-align: initial;
33+
margin-top: -2;
34+
35+
&:hover {
36+
transform: scale(1.2);
37+
}
538
}

0 commit comments

Comments
 (0)