From 17647f2452464523c320d02390bdbb7ee27619cd Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Wed, 7 Feb 2018 20:35:03 -0700
Subject: [PATCH] Add some table CSS

---
 static/css/tables.css         | 120 ++++++++++++++++++++++++++++++++++
 static/img/minus-square.svg   |   1 +
 static/img/search-plus.svg    |   1 +
 static/img/up-arrow-black.png | Bin 341 -> 0 bytes
 static/img/up-arrow-black.svg |  94 --------------------------
 static/img/up-arrow-white.png | Bin 334 -> 0 bytes
 static/img/up-arrow-white.svg |  94 --------------------------
 7 files changed, 122 insertions(+), 188 deletions(-)
 create mode 100644 static/css/tables.css
 create mode 100644 static/img/minus-square.svg
 create mode 100644 static/img/search-plus.svg
 delete mode 100644 static/img/up-arrow-black.png
 delete mode 100644 static/img/up-arrow-black.svg
 delete mode 100644 static/img/up-arrow-white.png
 delete mode 100644 static/img/up-arrow-white.svg

diff --git a/static/css/tables.css b/static/css/tables.css
new file mode 100644
index 0000000..abae78e
--- /dev/null
+++ b/static/css/tables.css
@@ -0,0 +1,120 @@
+table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
+    position: relative;
+    padding-left: 30px;
+    cursor: pointer;
+}
+table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
+    top: 10px;
+    left: initial;
+    right: 15px;
+    height: 16px;
+    width: 16px;
+    color: initial;
+    border: initial;
+    border-radius: initial;
+    text-align: initial;
+    line-height: initial;
+    box-shadow: initial;
+    box-sizing: initial;
+    background-color: initial;
+    display: block;
+    position: absolute;
+    background-image: url(../img/search-plus.svg);
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    content: '';
+}
+table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
+    display: none;
+}
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
+    background-color: initial;
+    background-image: url(../img/minus-square.svg);
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    content: '';
+}
+table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
+    display: none;
+}
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
+    padding-left: 27px;
+}
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
+    top: 5px;
+    left: 4px;
+    height: 14px;
+    width: 14px;
+    border-radius: 14px;
+    line-height: 12px;
+}
+table.dataTable.dtr-column > tbody > tr > td.control,
+table.dataTable.dtr-column > tbody > tr > th.control {
+    position: relative;
+    cursor: pointer;
+    width: 15px;
+}
+table.dataTable.dtr-column > tbody > tr > td.control:before,
+table.dataTable.dtr-column > tbody > tr > th.control:before {
+    top: initial;
+    left: initial;
+    height: 16px;
+    width: 16px;
+    margin-top: auto;
+    margin-left: auto;
+    display: block;
+    position: absolute;
+    background-image: url(../img/search-plus.svg);
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    content: '';
+    color: initial;
+    border: initial;
+    border-radius: initial;
+    text-align: initial;
+    line-height: initial;
+    box-shadow: initial;
+    box-sizing: initial;
+    background-color: initial;
+}
+table.dataTable.dtr-column > tbody > tr.parent td.control:before,
+table.dataTable.dtr-column > tbody > tr.parent th.control:before {
+    background-color: initial;
+    background-image: url(../img/minus-square.svg);
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    content: '';
+}
+table.dataTable > tbody > tr.child {
+    padding: 0.5em 1em;
+}
+table.dataTable > tbody > tr.child:hover {
+    background: transparent !important;
+}
+table.dataTable > tbody > tr.child ul {
+    display: inline-block;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+table.dataTable > tbody > tr.child ul li {
+    border-bottom: 1px solid #efefef;
+    padding: 0.5em 0;
+}
+table.dataTable > tbody > tr.child ul li:first-child {
+    padding-top: 0;
+}
+table.dataTable > tbody > tr.child ul li:last-child {
+    border-bottom: none;
+}
+table.dataTable > tbody > tr.child span.dtr-title {
+    display: inline-block;
+    min-width: 75px;
+    font-weight: bold;
+}
\ No newline at end of file
diff --git a/static/img/minus-square.svg b/static/img/minus-square.svg
new file mode 100644
index 0000000..30fcd62
--- /dev/null
+++ b/static/img/minus-square.svg
@@ -0,0 +1 @@
+<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM92 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H92z" class=""></path></svg>
\ No newline at end of file
diff --git a/static/img/search-plus.svg b/static/img/search-plus.svg
new file mode 100644
index 0000000..d7fc4b7
--- /dev/null
+++ b/static/img/search-plus.svg
@@ -0,0 +1 @@
+<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6 9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7 99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136 136-60.8 136-136z" class=""></path></svg>
\ No newline at end of file
diff --git a/static/img/up-arrow-black.png b/static/img/up-arrow-black.png
deleted file mode 100644
index ad374713654f510238696c6a0c70266c9e2f994d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 341
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7T#lEV3hH6aSW-r_4f98Etf=@_K*HK
zIyYuW)pzYqJX<C9h;L0ygZF|bQYmXY_D-6+Y4fHD5vSJlv3kui3O2Fa|2}v>cg4K#
zCFi1_*K#Vh>`xb(z2kuJx(!jT`?`%y?muHaojX1L$XkY==Wnjkxxe6g*iXwle-!S!
zFMoB){KjgX`regY{k5M3GZa5f?5}yEEdTR_yB&gAcjwHbJdU62Z<3zRKWBDrzkUMy
zdFK<`Gk;ke;gJ!a{NHMMLA-^-WCjZ@o%*1!sz17zeZv3ntV^_$UigMhSW!?26Fr=+
zQ5#Zrh2wXW&&$W37Ta*z>Ms8>b*BHWd;bse?lRfBghTko0ZX~UPEo}cgS2}L%I6Eq
U%9Gw+2L=~|r>mdKI;Vst0FsH5?*IS*

diff --git a/static/img/up-arrow-black.svg b/static/img/up-arrow-black.svg
deleted file mode 100644
index 843f74b..0000000
--- a/static/img/up-arrow-black.svg
+++ /dev/null
@@ -1,94 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="64"
-   height="64"
-   viewBox="0 0 64.000001 63.999997"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="up-arrow-black.svg"
-   inkscape:export-filename="/home/skylar/Documents/Projects/Sources/SimpleInventory/static/img/up-arrow-black.png"
-   inkscape:export-xdpi="90"
-   inkscape:export-ydpi="90">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.979899"
-     inkscape:cx="66.826957"
-     inkscape:cy="-6.0149722"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     units="px" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-83.334319,-53.898981)">
-    <g
-       id="g4224"
-       transform="matrix(0.69842965,0,0,0.69842965,25.127004,31.746558)"
-       style="fill:#000000;fill-opacity:1">
-      <rect
-         ry="7.1589174"
-         rx="7.1589174"
-         y="72.534538"
-         x="85.33432"
-         height="10"
-         width="90"
-         id="rect4136"
-         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
-         ry="7.1589174"
-         rx="7.1589174"
-         y="-12.636598"
-         x="112.29343"
-         height="10"
-         width="60"
-         id="rect4136-6-7"
-         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
-         ry="7.1589174"
-         rx="7.1589174"
-         y="112.287"
-         x="2.6430364"
-         height="10"
-         width="60"
-         id="rect4136-6-7-5"
-         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-  </g>
-</svg>
diff --git a/static/img/up-arrow-white.png b/static/img/up-arrow-white.png
deleted file mode 100644
index 176e6c37dd10abbe1877a53e04b36ef7414c3d00..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 334
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7T#lEU=;OqaSW-r_4c-{9*cua+egmc
zrekWal^>d2xf0D`9$?v^JfXw5BWjbAzTjM!<v|?*U2E&4SSR-O3vB%V-SZj4dE?15
zHPfQF6<gxj9!DJ4d{@}_RO?f$O!awXG56Ryx$w5lfst}mi?!^VPxC)ve-Sdb^2SP?
z`o_+#)Azg=>^$La_i18(%@bw$pGeI8)8-%hs{SN@WAEB}E3=Ki(wHtDY>wjD(7&?H
zx%8#^9T7eS#)5zw|5v<H`_W?S6K2B}ZZNw$Ag{S|0tXiK!CCN?-PFHsEqBdUO{vrS
ze{|}F?8QDW^^Mmnm0Xnnl$o_Klp#6dFz361wxwcD9Q9|6!;02EIw|z;4ltY;JYD@<
J);T3K0RSQDj~oC1

diff --git a/static/img/up-arrow-white.svg b/static/img/up-arrow-white.svg
deleted file mode 100644
index 80d89ac..0000000
--- a/static/img/up-arrow-white.svg
+++ /dev/null
@@ -1,94 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="64"
-   height="64"
-   viewBox="0 0 64.000001 63.999997"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="up-arrow-white.svg"
-   inkscape:export-filename="/home/skylar/Documents/Projects/Sources/SimpleInventory/static/img/up-arrow-white.png"
-   inkscape:export-xdpi="90"
-   inkscape:export-ydpi="90">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.979899"
-     inkscape:cx="66.826957"
-     inkscape:cy="-6.0149722"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     units="px" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-83.334319,-53.898981)">
-    <g
-       id="g4224"
-       transform="matrix(0.69842965,0,0,0.69842965,25.127004,31.746558)"
-       style="fill:#ffffff;fill-opacity:1">
-      <rect
-         ry="7.1589174"
-         rx="7.1589174"
-         y="72.534538"
-         x="85.33432"
-         height="10"
-         width="90"
-         id="rect4136"
-         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
-         ry="7.1589174"
-         rx="7.1589174"
-         y="-12.636598"
-         x="112.29343"
-         height="10"
-         width="60"
-         id="rect4136-6-7"
-         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
-         ry="7.1589174"
-         rx="7.1589174"
-         y="112.287"
-         x="2.6430364"
-         height="10"
-         width="60"
-         id="rect4136-6-7-5"
-         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-  </g>
-</svg>