fix(examples): fix css imports

visjs · Jul 21, 2019 · ce52ee6 · ce52ee6
1 parent 0702c85
commit ce52ee6
Show file tree

Hide file tree

Showing 21 changed files with 2,490 additions and 2,490 deletions.
diff --git a/dist/vis-timeline-graph2d.css b/dist/vis-timeline-graph2d.css
@@ -8,69 +8,6 @@
 .vis-custom-time.disabled {
   cursor: inherit;
 }
-.vis-time-axis {
-  position: relative;
-  overflow: hidden;
-}
-
-.vis-time-axis.vis-foreground {
-  top: 0;
-  left: 0;
-  width: 100%;
-}
-
-.vis-time-axis.vis-background {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vis-time-axis .vis-text {
-  position: absolute;
-  color: #4d4d4d;
-  padding: 3px;
-  overflow: hidden;
-  box-sizing: border-box;
-
-  white-space: nowrap;
-}
-
-.vis-time-axis .vis-text.vis-measure {
-  position: absolute;
-  padding-left: 0;
-  padding-right: 0;
-  margin-left: 0;
-  margin-right: 0;
-  visibility: hidden;
-}
-
-.vis-time-axis .vis-grid.vis-vertical {
-  position: absolute;
-  border-left: 1px solid;
-}
-
-.vis-time-axis .vis-grid.vis-vertical-rtl {
-  position: absolute;
-  border-right: 1px solid;
-}
-
-.vis-time-axis .vis-grid.vis-minor {
-  border-color: #e5e5e5;
-}
-
-.vis-time-axis .vis-grid.vis-major {
-  border-color: #bfbfbf;
-}
-
-/* override some bootstrap styles screwing up the timelines css */
-
-.vis [class*="span"] {
-  min-height: 0;
-  width: auto;
-}
-
 
 .vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
   position: absolute;
@@ -174,6 +111,62 @@
   white-space: nowrap;
   display: inline-block
 }
+.vis-time-axis {
+  position: relative;
+  overflow: hidden;
+}
+
+.vis-time-axis.vis-foreground {
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+.vis-time-axis.vis-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.vis-time-axis .vis-text {
+  position: absolute;
+  color: #4d4d4d;
+  padding: 3px;
+  overflow: hidden;
+  box-sizing: border-box;
+
+  white-space: nowrap;
+}
+
+.vis-time-axis .vis-text.vis-measure {
+  position: absolute;
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 0;
+  margin-right: 0;
+  visibility: hidden;
+}
+
+.vis-time-axis .vis-grid.vis-vertical {
+  position: absolute;
+  border-left: 1px solid;
+}
+
+.vis-time-axis .vis-grid.vis-vertical-rtl {
+  position: absolute;
+  border-right: 1px solid;
+}
+
+.vis-time-axis .vis-grid.vis-minor {
+  border-color: #e5e5e5;
+}
+
+.vis-time-axis .vis-grid.vis-major {
+  border-color: #bfbfbf;
+}
+
 
 .vis-item {
   position: absolute;
@@ -370,6 +363,13 @@
   cursor: auto;
 }
 
+/* override some bootstrap styles screwing up the timelines css */
+
+.vis [class*="span"] {
+  min-height: 0;
+  width: auto;
+}
+
 .vis-timeline {
   /*
   -webkit-transition: height .4s ease-in-out;
@@ -403,85 +403,50 @@
   transition:         height .4s ease-in-out, top .4s ease-in-out;
 }
 /**/
-.vis-panel {
-  position: absolute;
-
-  padding: 0;
-  margin: 0;
-
-  box-sizing: border-box;
-}
-
-.vis-panel.vis-center,
-.vis-panel.vis-left,
-.vis-panel.vis-right,
-.vis-panel.vis-top,
-.vis-panel.vis-bottom {
-  border: 1px #bfbfbf;
-}
-
-.vis-panel.vis-center,
-.vis-panel.vis-left,
-.vis-panel.vis-right {
-  border-top-style: solid;
-  border-bottom-style: solid;
-  overflow: hidden;
-}
-
-.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: scroll;
-} 
-
-.vis-left.vis-panel.vis-vertical-scroll {
-  direction: rtl;
-}
-
-.vis-left.vis-panel.vis-vertical-scroll .vis-content {
-  direction: ltr;
-}
-
-.vis-right.vis-panel.vis-vertical-scroll {
-  direction: ltr;
+.vis-current-time {
+  background-color: #FF7F6E;
+  width: 2px;
+  z-index: 1;
+  pointer-events: none;
 }
 
-.vis-right.vis-panel.vis-vertical-scroll .vis-content {
-  direction: rtl;
+.vis-rolling-mode-btn {
+  height: 40px;
+  width: 40px;
+  position: absolute;
+  top: 7px;
+  right: 20px;
+  border-radius: 50%;
+  font-size: 28px;
+  cursor: pointer;
+  opacity: 0.8;
+  color: white;
+  font-weight: bold;
+  text-align: center;
+  background: #3876c2;
 }
-
-.vis-panel.vis-center,
-.vis-panel.vis-top,
-.vis-panel.vis-bottom {
-  border-left-style: solid;
-  border-right-style: solid;
+.vis-rolling-mode-btn:before {
+  content: "\26F6";
 }
 
-.vis-background {
-  overflow: hidden;
+.vis-rolling-mode-btn:hover {
+  opacity: 1;
 }
 
-.vis-panel > .vis-content {
+.vis-timeline {
   position: relative;
+  border: 1px solid #bfbfbf;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
 }
 
-.vis-panel .vis-shadow {
-  position: absolute;
+.vis-loading-screen {
   width: 100%;
-  height: 1px;
-  box-shadow: 0 0 10px rgba(0,0,0,0.8);
-  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
-  z-index: 1;
-  */
-}
-
-.vis-panel .vis-shadow.vis-top {
-  top: -1px;
-  left: 0;
-}
-
-.vis-panel .vis-shadow.vis-bottom {
-  bottom: -1px;
+  height: 100%;
+  position: absolute;
+  top: 0;
   left: 0;
 }
 .vis-graph-group0 {
@@ -591,50 +556,85 @@
     stroke: none;
 }
 
-.vis-current-time {
-  background-color: #FF7F6E;
-  width: 2px;
-  z-index: 1;
-  pointer-events: none;
+.vis-panel {
+  position: absolute;
+
+  padding: 0;
+  margin: 0;
+
+  box-sizing: border-box;
 }
 
-.vis-rolling-mode-btn {
-  height: 40px;
-  width: 40px;
-  position: absolute;
-  top: 7px;
-  right: 20px;
-  border-radius: 50%;
-  font-size: 28px;
-  cursor: pointer;
-  opacity: 0.8;
-  color: white;
-  font-weight: bold;
-  text-align: center;
-  background: #3876c2;
+.vis-panel.vis-center,
+.vis-panel.vis-left,
+.vis-panel.vis-right,
+.vis-panel.vis-top,
+.vis-panel.vis-bottom {
+  border: 1px #bfbfbf;
 }
-.vis-rolling-mode-btn:before {
-  content: "\26F6";
+
+.vis-panel.vis-center,
+.vis-panel.vis-left,
+.vis-panel.vis-right {
+  border-top-style: solid;
+  border-bottom-style: solid;
+  overflow: hidden;
 }
 
-.vis-rolling-mode-btn:hover {
-  opacity: 1;
+.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: scroll;
+} 
+
+.vis-left.vis-panel.vis-vertical-scroll {
+  direction: rtl;
 }
 
-.vis-timeline {
-  position: relative;
-  border: 1px solid #bfbfbf;
+.vis-left.vis-panel.vis-vertical-scroll .vis-content {
+  direction: ltr;
+}
+
+.vis-right.vis-panel.vis-vertical-scroll {
+  direction: ltr;
+}
+
+.vis-right.vis-panel.vis-vertical-scroll .vis-content {
+  direction: rtl;
+}
+
+.vis-panel.vis-center,
+.vis-panel.vis-top,
+.vis-panel.vis-bottom {
+  border-left-style: solid;
+  border-right-style: solid;
+}
+
+.vis-background {
   overflow: hidden;
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
 }
 
-.vis-loading-screen {
-  width: 100%;
-  height: 100%;
+.vis-panel > .vis-content {
+  position: relative;
+}
+
+.vis-panel .vis-shadow {
   position: absolute;
-  top: 0;
+  width: 100%;
+  height: 1px;
+  box-shadow: 0 0 10px rgba(0,0,0,0.8);
+  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
+  z-index: 1;
+  */
+}
+
+.vis-panel .vis-shadow.vis-top {
+  top: -1px;
+  left: 0;
+}
+
+.vis-panel .vis-shadow.vis-bottom {
+  bottom: -1px;
   left: 0;
 }