CanvasXpress Version 39.7

neuhausi · Aug 15, 2022 · cbd7b71 · cbd7b71
1 parent 8637023
commit cbd7b71
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 42 deletions.
diff --git a/src/canvasXpress.css b/src/canvasXpress.css
@@ -3640,29 +3640,72 @@ div.CanvasXpress-ParentNode {
 }
 
 /*
- * CanvasXpress Tabs
+ * CanvasXpress Tab Panel
  */
 
+ div.CanvasXpressTabPanel {
+    font: normal 16px arial, tahoma, sans-serif;
+    margin: 10px;
+    float: left;
+    width: 100%
+}
+
+/* Customizer */
+
 div.CanvasXpressTabPanelCustomizer {
     position: relative;
     border-bottom: 1px solid #dddddd;
     top: -10px;
     overflow: hidden;
 }
 
-div.CanvasXpressTabPanelHeader {
-    display: block;
+div.CanvasXpressTabPanelRibbon {
+    float: left;
+    margin-right: 10px;
+}
+
+span.CanvasXpressTabPanelRibbon {
+    color: rgb(34, 34, 34);
+    font: normal 16px arial, tahoma, sans-serif;
+    line-height: 28px;
+    list-style: none;
+    white-space: nowrap;
     position: relative;
+    height: 28px;
+}
+
+div.CanvasXpressTabPanelRibbonContainer {
+    border: 1px solid rgb(51, 122, 183);
+    border-radius: 5px;
+}
+
+svg.CanvasXpressTabPanelRibbon {
+    float: left;
+    border: 1px solid rgb(51, 122, 183);
+    margin-left: 5px;
+    margin-top: 5px;
+    padding: 5px;
+    border-radius: 5px;
+}
+
+/* Header */
+
+div.CanvasXpressTabPanelHeader {
+    font: normal 16px arial, tahoma, sans-serif;
     border-bottom: 2px solid rgb(51, 122, 183);
+    height: 38px;
+    width: 100%;
+    float: left;
 }
 
-div.CanvasXpressTabPanel {
+div.CanvasXpressTabPanelHeaderTab {
     font: normal 16px arial, tahoma, sans-serif;
-    margin: 10px;
+    margin-left: 20px;
+    margin-right: 20px;
     float: left;
 }
 
-input.CanvasXpressTabPanel {
+input.CanvasXpressTabPanelHeader {
     border-width: 1px 1px 0 1px;
     border-color: rgb(51, 122, 183);
     border-style: solid;
@@ -3674,7 +3717,7 @@ input.CanvasXpressTabPanel {
     text-align: center;
 }
 
-input.CanvasXpressTabPanelActive {
+input.CanvasXpressTabPanelHeaderActive {
     border-bottom-width: 2px;
     border-left-color: rgb(51, 122, 183);
     border-top-color: rgb(51, 122, 183);
@@ -3689,49 +3732,25 @@ input.CanvasXpressTabPanelActive {
     text-align: center;
 }
 
-input[type="text"]:disabled.CanvasXpressTabPanel, input[type="text"]:disabled.CanvasXpressTabPanelActive {
-    background-color: rgba(0, 0, 0, 0);
-    border-bottom-width: 2px;
-}
+/* Content */
 
-div.CanvasXpressTabPanelRibbon {
+div.CanvasXpressTabPanelContent {
+    margin-top: 10px;
+    display: block;
     float: left;
-    margin-right: 10px;
-}
-
-span.CanvasXpressTabPanelRibbon {
-    color: rgb(34, 34, 34);
-    font: normal 16px arial, tahoma, sans-serif;
-    line-height: 28px;
-    list-style: none;
-    white-space: nowrap;
+    width: 100%;
     position: relative;
-    height: 28px;
 }
 
-div.CanvasXpressTabPanelRibbonContainer {
-    border: 1px solid rgb(51, 122, 183);
-    border-radius: 5px;
-}
-
-svg.CanvasXpressTabPanelRibbon {
-    float: left;
-    border: 1px solid rgb(51, 122, 183);
-    margin-left: 5px;
-    margin-top: 5px;
-    padding: 5px;
-    border-radius: 5px;
-}
-
-/*
- * CanvasXpress Layouts
- */
+/* Rows */
 
 div.CanvasXpressRow {
     clear: both;
     display: flex;
     flex-wrap: wrap;
     margin-top: 10px;
+    float: left;
+    width: 100%;
 }
 div.CanvasXpressRow:before, div.CanvasXpressRow:after {
     content: " ";

diff --git a/src/canvasXpress.min.js b/src/canvasXpress.min.js