File tree Expand file tree Collapse file tree 3 files changed +18
-3
lines changed Expand file tree Collapse file tree 3 files changed +18
-3
lines changed Original file line number Diff line number Diff line change 3
3
#tour
4
4
.modal-header
5
5
h2 Welcome to MongoDB Compass
6
+ a.tour-close-button ×
6
7
#animation
7
8
img#animation-gif ( src ="./images/tour/f0.gif" )
8
9
#features
Original file line number Diff line number Diff line change @@ -18,6 +18,7 @@ var TourView = View.extend({
18
18
'click .previous-slide' : 'showPreviousFeature' ,
19
19
'click .next-slide' : 'showNextFeature' ,
20
20
'click #tour-remove' : 'tourRemove' ,
21
+ 'click .tour-close-button' : 'tourRemove' ,
21
22
'click #tour-bg' : 'tourRemove'
22
23
} ,
23
24
render : function ( ) {
@@ -58,7 +59,7 @@ var TourView = View.extend({
58
59
// select new
59
60
ev . target . className = 'selected' ;
60
61
61
- $ ( '#animation-gif' ) . one ( 'webkitTransitionEnd' , function ( event ) {
62
+ $ ( '#animation-gif' ) . one ( 'webkitTransitionEnd' , function ( ) {
62
63
that . $animationGIF . src = that . tourImagesFolder + ev . target . id + '.gif' ;
63
64
$ ( '#animation-gif' ) . css ( 'opacity' , '1' ) ;
64
65
} ) ;
Original file line number Diff line number Diff line change 30
30
background-color : @pw ;
31
31
-webkit-transform : translate (-50% , -50% );
32
32
33
+ a .tour-close-button {
34
+ position : absolute ;
35
+ right : 10px ;
36
+ top : 0 ;
37
+ color : @gray6 ;
38
+ font-size : 28px ;
39
+ font-weight : 200 ;
40
+ cursor : pointer ;
41
+
42
+ & :hover {
43
+ text-decoration : none ;
44
+ color : @gray5 ;
45
+ }
46
+ }
33
47
#animation , #features {
34
48
float : left ;
35
49
}
36
50
#animation {
37
51
width : 66% ;
38
52
39
53
img {
40
- // opacity: 0;
41
54
width : 90% ;
42
55
margin : 20px auto 40px ;
43
56
display : block ;
44
57
border : 1px @gray6 solid ;
45
58
box-shadow : 0 8px 15px rgba (0 ,0 ,0 ,0.1 );
46
- // animation: fade-in 1000ms ease-out forwards;
47
59
transition : opacity 250ms ease-out ;
48
60
}
49
61
}
64
76
}
65
77
.pager {
66
78
position : relative ;
79
+ -webkit-user-select : none ;
67
80
68
81
a {
69
82
position : absolute ;
You can’t perform that action at this time.
0 commit comments