Complete system for getting + saving Product Categories with new database, server, and client architecture.

static/css/components/overlay.css

@@ -0,0 +1,6 @@
+#overlayConfirm {
+    position: absolute;
+    left: 25vw;
+    width: 50vw;
+    height: 50vh;
+}

static/css/main.css

@@ -584,4 +584,44 @@ li {
 }
 td.dirty {
     background-color: var(--c_purple_dark);
-}
+}
+
+
+/* Tables */
+#pageBody > *, button {
+    font-size: min(14px, calc(1vh * 5)) !important;
+}
+thead, tbody {
+    padding-top: 0px !important;
+    padding-bottom: 0px !important;
+}
+
+th {
+    
+}
+td {
+    font-size: min(14px, calc(1vh * 5));
+}
+
+th, td {
+    min-width: fit-content;
+}
+tr:not(:last-child) > td {
+    border-bottom: 1px dashed var(--c_purple_dark);
+}
+td > table > tbody > tr > td {
+    border: none !important;
+}
+tr {
+    min-height: 1px;
+    border-bottom: 1px solid var(--c_purple_dark);
+    border-top: 1px solid var(--c_purple_dark);
+    padding-bottom: 1vh;
+    background-color: transparent;
+}
+
+/*
+.row-new {
+    visibility: hidden;
+}
+*/

static/css/pages/page_store_product_categories.css

@@ -0,0 +1,58 @@
+
+
+td.display-order, th.display-order {
+    width: 10% !important;
+}
+td.code, th.code {
+    width: 15% !important;
+}
+td.name, th.name {
+    width: 25% !important;
+}
+td.description, th.description {
+    width: 40% !important;
+}
+td.active, th.active {
+    width: 10% !important;
+}
+
+/*
+.row-new {
+    visibility: hidden;
+}
+*/
+
+textarea {
+    width: 95% !important;
+}
+
+select {
+    width: 100% !important;
+}
+
+input {
+    width: 90% !important;
+}
+
+td > input, td > select, td > textarea, .container-input > input, .container-input > select, .container-input > textarea {
+    border: 2px solid var(--c_purple);
+    border-radius: 0.5vh;
+}
+
+#tableMain tbody tr td button {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    text-decoration: none;
+}
+
+#tableMain tbody tr td table thead tr th.id_variation_type, #tableMain tbody tr td table tbody tr td.id_variation_type, #tableMain tbody tr td table thead tr th.id_variation, #tableMain tbody tr td table tbody tr td.id_variation {
+    width: 47.5%;
+}
+
+
+/*
+select.id_variation, select.id_variation_type {
+    max-width: 40% !important;
+}
+*/

static/css/pages/page_store_product_permutations.css

@@ -1,38 +1,4 @@
 
-#pageBody > *, button {
-    font-size: min(14px, calc(1vh * 5)) !important;
-}
-thead, tbody {
-    padding-top: 0px !important;
-    padding-bottom: 0px !important;
-}
-
-th {
-    
-}
-td {
-    font-size: min(14px, calc(1vh * 5));
-}
-
-th, td {
-    min-width: fit-content;
-}
-tr:not(:last-child) > td {
-    border-bottom: 1px dashed var(--c_purple_dark);
-}
-td > table > tbody > tr > td {
-    border: none !important;
-}
-tr {
-    min-height: 1px;
-    border-bottom: 1px solid var(--c_purple_dark);
-    border-top: 1px solid var(--c_purple_dark);
-    padding-bottom: 1vh;
-    background-color: transparent;
-}
-
-
-
 
 td.category, th.category {
     width: 16% !important;
@@ -59,10 +25,6 @@ td.detail, th.detail {
     width: 6% !important;
 }
 
-.row-new {
-    visibility: hidden;
-}
-
 textarea {
     width: 95% !important;
 }