|
@@ -1,6 +1,6 @@
|
1
|
1
|
.subject {
|
2
|
2
|
color: #fff;
|
3
|
|
- transition: opacity .3s ease-in;
|
|
3
|
+ transition: opacity .6s ease-in-out;
|
4
|
4
|
z-index: $zindex3;
|
5
|
5
|
margin-top: 20px;
|
6
|
6
|
opacity: 0;
|
|
@@ -11,14 +11,14 @@
|
11
|
11
|
|
12
|
12
|
&#autoHide.with-always-on {
|
13
|
13
|
overflow: hidden;
|
14
|
|
- animation: hideSubject forwards .3s ease-out;
|
|
14
|
+ animation: hideSubject forwards .6s ease-out;
|
15
|
15
|
|
16
|
16
|
& > .subject-info-container {
|
17
|
17
|
justify-content: flex-start;
|
18
|
18
|
}
|
19
|
19
|
|
20
|
20
|
&.visible {
|
21
|
|
- animation: showSubject forwards .3s ease-out;
|
|
21
|
+ animation: showSubject forwards .6s ease-out;
|
22
|
22
|
}
|
23
|
23
|
}
|
24
|
24
|
}
|