Skip to content

Commit d814d54

Browse files
marcgurneyrueckstiess
authored andcommitted
added close x, prevent text selection on dbl-click in the pager, one last style fix
1 parent c88d5c1 commit d814d54

File tree

3 files changed

+18
-3
lines changed

3 files changed

+18
-3
lines changed

src/tour/index.jade

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
#tour
44
.modal-header
55
h2 Welcome to MongoDB Compass
6+
a.tour-close-button ×
67
#animation
78
img#animation-gif(src="./images/tour/f0.gif")
89
#features

src/tour/index.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ var TourView = View.extend({
1818
'click .previous-slide': 'showPreviousFeature',
1919
'click .next-slide': 'showNextFeature',
2020
'click #tour-remove': 'tourRemove',
21+
'click .tour-close-button': 'tourRemove',
2122
'click #tour-bg': 'tourRemove'
2223
},
2324
render: function() {
@@ -58,7 +59,7 @@ var TourView = View.extend({
5859
// select new
5960
ev.target.className = 'selected';
6061

61-
$('#animation-gif').one('webkitTransitionEnd', function(event) {
62+
$('#animation-gif').one('webkitTransitionEnd', function() {
6263
that.$animationGIF.src = that.tourImagesFolder + ev.target.id + '.gif';
6364
$('#animation-gif').css('opacity', '1');
6465
});

src/tour/index.less

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,20 +30,32 @@
3030
background-color: @pw;
3131
-webkit-transform: translate(-50%, -50%);
3232

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+
}
3347
#animation, #features {
3448
float: left;
3549
}
3650
#animation {
3751
width: 66%;
3852

3953
img {
40-
// opacity: 0;
4154
width: 90%;
4255
margin: 20px auto 40px;
4356
display: block;
4457
border: 1px @gray6 solid;
4558
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
46-
// animation: fade-in 1000ms ease-out forwards;
4759
transition: opacity 250ms ease-out;
4860
}
4961
}
@@ -64,6 +76,7 @@
6476
}
6577
.pager {
6678
position: relative;
79+
-webkit-user-select: none;
6780

6881
a {
6982
position: absolute;

0 commit comments

Comments
 (0)