Merge pull request Roll20#12220 from scott-steadman/mongoose_travelle…

…r_2e-charmancer-roll_stats [Mongoose traveller 2e] New Feature: stat rolling
aureyia · Oct 8, 2023 · 4d6318b · 4d6318b
2 parents 5b22f4a + f869c72
commit 4d6318b
Show file tree

Hide file tree

Showing 4 changed files with 473 additions and 68 deletions.
diff --git a/Mongoose_Traveller2e/MongooseTraveller.css b/Mongoose_Traveller2e/MongooseTraveller.css
@@ -759,7 +759,7 @@ input.sheet-power:checked ~ div.sheet-laf-gridbody {
 }
 
 .sheet-hidden {
-    display: none;
+    display: none !important;
 }
 
 /* ----- Hide actual sheet reset ----- */
@@ -2249,4 +2249,125 @@ input.sheet-laf-ship-component-hider {
 .sheet-trade-parsecs {
     display: grid;
     grid-template-columns: 0.97fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 2fr;
-}
+}
+
+
+/*
+ * Charmancer stuff
+ */
+button.sheet-tight_button {
+    border: 0;
+    color: red;
+    font-size: 2em;
+    font-weight: bold;
+    height: unset;
+    padding: 0;
+    width: unset;
+}
+
+button.sheet-proceed_button[type="action"] {
+  background-color: blue;
+  color:            white;
+  font-weight:      bold;
+  width:            80px;
+}
+
+button.sheet-cancel_button[type="action"] {
+  background-color: red;
+  color:            white;
+  font-weight:      bold;
+  width:            80px;
+}
+
+div.sheet-charmancer_stats-wrapper{
+  display:   flex;
+  flex-flow: column wrap;
+}
+
+div.sheet-charmancer_stats-header {
+  align-items: center;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+}
+
+span.sheet-charmancer_roll-panel {
+  align-items: center;
+  display: flex;
+  column-gap: 0.5em;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+
+  >select {
+    width: 10em;
+    margin-bottom: 0;
+  }
+}
+
+div.sheet-charmancer_stats-footer {
+  align-items: center;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-end;
+}
+
+div.sheet-charmancer_stats-content {
+  border: 2px solid blue;
+  display: flex;
+  column-gap: 0.5em;
+  flex-flow: row wrap;
+  justify-content: center;
+  margin: 0.5em;
+  padding: 2px 0 2px 0;
+  row-gap: 0.5em;
+}
+
+div.sheet-charmancer_stat-panel {
+  align-items: center;
+  display: flex;
+  column-gap: 0.5em;
+  flex-flow: row;
+  justify-content: flex-start;
+
+  > input[type="text"] {
+    padding: 0;
+    text-align: center;
+    width: 1.5em;
+  };
+
+  > span {
+  align-items: center;
+  display: flex;
+  column-gap: 0.5em;
+  flex-flow: row;
+  justify-content: flex-start;
+
+    > input[type="radio"] {
+      display: none;
+    };
+
+    > label {
+      border: 1px solid black;
+      border-radius: 5px;
+      font-weight: normal;
+      margin: 0;
+      padding: 0;
+    };
+
+    > input[type="radio"]:checked + label {
+      color: white;
+      background-color: black;
+      font-weight: bold;
+    };
+
+  };
+}
+
+span.sheet-charmancer_actions-panel {
+  align-items: center;
+  display: flex;
+  column-gap: 1em;
+  flex-flow: row wrap;
+  justify-content: flex-end;
+}
+