Browse Source

timeline: use css style instead of delete image (#2034)

codeClimate
Alexander Wunschik 8 years ago
committed by GitHub
parent
commit
6afe0f1845
3 changed files with 36 additions and 14 deletions
  1. +1
    -4
      gulpfile.js
  2. +35
    -10
      lib/timeline/component/css/item.css
  3. BIN
      lib/timeline/img/delete.png

+ 1
- 4
gulpfile.js View File

@ -175,10 +175,7 @@ gulp.task('copy', ['clean'], function () {
var network = gulp.src('./lib/network/img/**/*') var network = gulp.src('./lib/network/img/**/*')
.pipe(gulp.dest(DIST + '/img/network')); .pipe(gulp.dest(DIST + '/img/network'));
var timeline = gulp.src('./lib/timeline/img/**/*')
.pipe(gulp.dest(DIST + '/img/timeline'));
return merge(network, timeline);
return network;
}); });
gulp.task('minify', ['bundle-js'], function (cb) { gulp.task('minify', ['bundle-js'], function (cb) {

+ 35
- 10
lib/timeline/component/css/item.css View File

@ -90,26 +90,51 @@
padding: 5px; padding: 5px;
} }
.vis-item .vis-delete {
background: url('img/timeline/delete.png') no-repeat center;
.vis-item .vis-delete, .vis-item .vis-delete-rtl {
position: absolute; position: absolute;
top: 0px;
width: 24px; width: 24px;
height: 24px; height: 24px;
top: -4px;
right: -24px;
box-sizing: border-box;
padding: 0px 5px;
cursor: pointer; cursor: pointer;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.vis-item .vis-delete {
right: -24px;
} }
.vis-item .vis-delete-rtl { .vis-item .vis-delete-rtl {
background: url('img/timeline/delete.png') no-repeat center;
position: absolute;
width: 24px;
height: 24px;
top: -4px;
left: -24px; left: -24px;
cursor: pointer;
} }
.vis-item .vis-delete:after, .vis-item .vis-delete-rtl:after {
content: "\00D7"; /* MULTIPLICATION SIGN */
color: red;
font-family: arial, sans-serif;
font-size: 22px;
font-weight: bold;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-ms-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.vis-item .vis-delete:hover, .vis-item .vis-delete-rtl:hover {
background: red;
}
.vis-item .vis-delete:hover:after, .vis-item .vis-delete-rtl:hover:after {
color: white;
}
.vis-item.vis-range .vis-drag-left { .vis-item.vis-range .vis-drag-left {
position: absolute; position: absolute;

BIN
lib/timeline/img/delete.png View File

Before After
Width: 16  |  Height: 16  |  Size: 665 B

Loading…
Cancel
Save