vue-visjs-timeline
Version:
Vue component for the vis.js timeline module.
1 lines • 3.12 kB
CSS
.vs-btn-group{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.vs-btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.2rem .4rem;font-size:1rem;line-height:1.5;border-radius:.25rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;outline:none;-webkit-box-shadow:none;box-shadow:none}.vs-btn-light{color:#212529;background-color:#ecf0f1;border-color:#ecf0f1;margin:0}.vs-btn-group>.vs-btn{position:relative;-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto}.vs-btn-group>.vs-btn-group:not(:last-child)>.vs-btn,.vs-btn-group>.vs-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.vs-btn-group>.vs-btn-group:not(:first-child)>.vs-btn,.vs-btn-group>.vs-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.vs-btn-light:hover{color:#212529;background-color:#d6dfe1;border-color:#cfd9db}.vis-timeline{border-color:#ddd;border-style:solid;border-width:0 0 1px 0}.vis-time-axis .vis-grid.vis-major{border-color:rgba(0,0,0,.2)}.vis-time-axis .vis-grid.vis-minor{border-color:rgba(0,0,0,.04)}.vis-text>div{color:rgba(0,0,0,.3)}.vis-text.vis-major{bottom:0}.vis-text{font-size:12px}.vis-text.vis-saturday,.vis-text.vis-sunday{color:rgba(0,0,0,.3)}.vis-item{color:#fff;border:0;border-radius:10px;font-size:12px;text-align:center;line-height:1.2;background-color:#93c}.vis-item.vis-selected{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.vis-item .vis-item-overflow{cursor:move}.vis-drag-left,.vis-drag-right{cursor:col-resize}.vis-item-content{left:0;right:0;padding:3px 10px;margin:0;text-overflow:ellipsis;text-align:center;overflow:hidden;vertical-align:bottom;width:100%}.vis-vertical-scroll{display:none}.vis-panel.vis-center,.vis-panel.vis-top{left:0;width:100%}.vis-group{border:0;height:30px}.vis-itemset .vis-foreground .vis-group:first-child{height:45px}#timeline{position:relative;height:100%}#timeline>.tools{position:absolute;bottom:6px;right:6px;z-index:100}#timeline>.tools .btn{padding:4px 8px;color:#666}