[READ-ONLY] Mirror of https://github.com/probablykasper/nelation-website.
nelation.net
website
Uncommited changes from 2017
+25
-4
+8
-4
css/admin.css
+8
-4
css/admin.css
···
1
1
section.admin { width: 100%; position: absolute; height: calc(100% - 120px); }
2
2
3
-
section.admin .menu { background-color: #37475B; width: 250px; position: relative; }
3
+
section.admin .menu { background-color: #37475B; width: 250px; position: relative; overflow: hidden; }
4
4
5
-
section.admin .menu .track { padding: 0px 10px; }
5
+
section.admin .menu .track { padding: 0px 10px; white-space: nowrap; }
6
6
7
-
section.admin .menu .track .title { padding-top: 10px; }
7
+
section.admin .menu .track .title { padding-top: 10px; white-space: nowrap; }
8
8
9
-
section.admin .menu .track .artist { padding-bottom: 10px; font-size: 14px; color: #E4E4E4; }
9
+
section.admin .menu .track .artist { white-space: nowrap; padding-bottom: 10px; font-size: 14px; color: #E4E4E4; }
10
+
11
+
section.admin .menu .track::after { content: ""; position: absolute; width: 20px; height: 55px; right: 0px; transform: translateY(-100%); pointer-events: none; background: linear-gradient(to right, transparent, #37475B 50%); }
10
12
11
13
section.admin .menu .track:hover { background-color: rgba(255, 255, 255, 0.1); }
14
+
15
+
section.admin .menu .track:hover::after { background: linear-gradient(to right, transparent, #4B5A6C 50%); }
12
16
13
17
section.admin .menu .drag-bar { position: absolute; right: 0px; top: 0px; height: 100%; width: 10px; background-color: rgba(255, 255, 255, 0.2); transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); cursor: col-resize; opacity: 0; }
14
18
+15
css/admin.sass
+15
css/admin.sass
···
8
8
background-color: $c-accent-contrast
9
9
width: 250px
10
10
position: relative
11
+
overflow: hidden
11
12
.track
12
13
padding: 0px 10px
14
+
white-space: nowrap
13
15
.title
14
16
padding-top: 10px
17
+
white-space: nowrap
15
18
.artist
19
+
white-space: nowrap
16
20
padding-bottom: 10px
17
21
font-size: 14px
18
22
color: $c-text-gray
23
+
&::after
24
+
content: ""
25
+
position: absolute
26
+
width: 20px
27
+
height: 55px
28
+
right: 0px
29
+
transform: translateY(-100%)
30
+
pointer-events: none
31
+
background: linear-gradient(to right, transparent, $c-accent-contrast 50%)
19
32
&:hover
20
33
background-color: rgba($c-contrast, 0.1)
34
+
&::after
35
+
background: linear-gradient(to right, transparent, $c-accent-contrast-highlight 50%)
21
36
.drag-bar
22
37
position: absolute
23
38
right: 0px
+1
css/variables.sass
+1
css/variables.sass