Merge pull request #13560 from eGellman89/master

Table Top Defined - New Features added to sheet
Roll20 · Dec 3, 2024 · 1041d4b · 1041d4b
2 parents 84dcab0 + 46ba1b9
commit 1041d4b
Show file tree

Hide file tree

Showing 2 changed files with 337 additions and 160 deletions.
diff --git a/Table Top Defined/Table_Top_Defined.css b/Table Top Defined/Table_Top_Defined.css
@@ -162,7 +162,8 @@
 .charsheet .sheet-abilities,
 .charsheet .sheet-spells,
 .charsheet .sheet-accessories,
-.charsheet .sheet-inventory{
+.charsheet .sheet-inventory,
+.charsheet .sheet-profitloss{
     display: none;
     text-align: center;
 }
@@ -174,7 +175,8 @@
 .charsheet .sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities,
 .charsheet .sheet-tabstoggle[value="spells"] ~ div.sheet-spells,
 .charsheet .sheet-tabstoggle[value="accessories"] ~ div.sheet-accessories,
-.charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory{
+.charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
+.charsheet .sheet-tabstoggle[value="profitloss"] ~ div.sheet-profitloss{
     display: grid;
     width: 800px;
 }
@@ -278,6 +280,16 @@
     width: 100%;
 }
 
+.row-footer{
+    background-color: #323232;
+    color: #FFFFFF;
+    font-weight: bold;
+    font-size: medium;
+    text-align: center;
+    border-radius: 0 0 10px 10px;
+    width: 100%;
+}
+
 .row-header-dark{
     background-color: #000000;
     color: #FFFFFF;
@@ -1129,7 +1141,7 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     text-align: center;
     justify-content: center;
     grid-template-columns: 1fr;
-    padding: 0;
+    padding: 0 0 5px 0;
     grid-template-rows: auto auto;
     gap: 0 0;
     grid-template-areas:
@@ -1145,6 +1157,12 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     color: #FFFFFF;
 }
 
+.charsheet .sheet-inventory input[type=number]{
+    height: 24px;
+    width: 64px;
+    text-align: center;
+}
+
 .inventory-grid .Header-I h3{
     color: #FFFFFF;
 }
@@ -1153,33 +1171,47 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     grid-area: Column-I;
 }
 
-.charsheet .repcontainer[data-groupname="repeating_maininventory"] > div:nth-child(odd){
+.charsheet .repcontainer[data-groupname="repeating_maininventory"] > div:nth-child(odd),
+.charsheet .repcontainer[data-groupname="repeating_locationtotals"] > div:nth-child(odd),
+.charsheet .repcontainer[data-groupname="repeating_profitloss"] > div:nth-child(odd){
     background-color: #D0D0D0;
 }
 
+
 .bag-grid{
     width: 100%;
+    margin: auto;
     display: grid;
-    grid-template-columns: auto auto auto auto;
+    grid-template-columns: auto auto auto auto auto;
     grid-template-rows: auto;
     gap: 0 40px;
-    grid-template-areas: "name quantity piece-weight total-weight";
+    grid-template-areas: "location name quantity piece-weight total-weight";
     justify-content: center;
-    align-items: center;
+    align-items: end;
     text-align: center;
     border-bottom: 1px solid black;
 }
 
-.ui-dialog .charsheet .name textarea{
-    min-height: 18px;
-    height: 18px;
+.ui-dialog .charsheet .name textarea,
+.ui-dialog .charsheet .location textarea{
+    min-height: 22px;
+    height: 22px;
     width: 240px;
     text-align: center;
     resize: vertical;
     margin: auto;
     display: block;
-    padding-top: 3px;
-    padding-bottom: 3px;
+    padding: 0
+}
+
+.inventory-location[value="0"] ~ div.location{
+    background-color: #920a15;
+}
+
+.location input[type=text]{
+    height: 24px;
+    width: 64px;
+    text-align: center;
 }
 
 .quantity input[type=text]{
@@ -1390,3 +1422,12 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
 }
 
 /*</editor-fold>*/
+
+/*<editor-fold desc="P&L">*/
+.sheet-profitloss{
+    width: 800px;
+    border-radius: 12px;
+    border: 1px solid;
+    overflow: clip;
+}
+/*</editor-fold>*/