Merge pull request Roll20#12200 from brookesi/mongoose_traveller_2e_c…

…oryphon_6

Mongoose Traveller 2e - Bug Fixes, Repeating Sensors, All/Trained Skill & Slide-In Animation

Mongoose_Traveller2e/MongooseTraveller.css

@@ -33,11 +33,6 @@ select[multiple]:focus option:checked {
     opacity: 0;
 }
 
-@keyframes fadein {
-  from {opacity: 0;}
-  to {opacity: 1;}
-}
-
 /* Show the selected tab */
 .sheet-tabstoggle[value="prime"] ~ .sheet-prime,
 .sheet-tabstoggle[value="skills"] ~ .sheet-skills,
@@ -46,83 +41,83 @@ select[multiple]:focus option:checked {
 .sheet-tabstoggle[value="powers"] ~ .sheet-powers,
 .sheet-tabstoggle[value="notes"] ~ .sheet-notes {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-typetoggle[value="pc"] ~ .sheet-topbar,
 .sheet-typetoggle[value="pc"] ~ .sheet-pc {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-typetoggle[value="npc"] ~ .sheet-topbar,
 .sheet-typetoggle[value="npc"] ~ .sheet-npc {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-typetoggle[value="animal"] ~ .sheet-animal {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-typetoggle[value="ship"] ~ .sheet-ship {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-typetoggle[value="trade"] ~ .sheet-trade {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-typetoggle[value="vehicle"] ~ .sheet-vehicle {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-tradetoggle[value="passengers"] ~ .sheet-passengers {
     display: block;
     margin-left: 3px;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-tradetoggle[value="freight"] ~ .sheet-freight {
     display: block;
     margin-left: 3px;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-tradetoggle[value="speculative"] ~ .sheet-speculative {
     display: block;
     margin-left: 3px;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
 
 .sheet-tradetoggle[value="tradelog"] ~ .sheet-tradelog {
     display: block;
     margin-left: 3px;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
 }
@@ -174,6 +169,10 @@ input[type="number"]:hover {
     height: 75px;
 }
 
+.sheet-narrowtext textarea {
+    height: 40px;
+}
+
 .sheet-bold {
     font-weight: bold;
 }
@@ -792,13 +791,13 @@ input.sheet-reddot[type="checkbox"] + span::before {
     height: 20px;
     font-size: 15px;
     background: transparent;
-    color: black;
+    color: red;
 }
 
-input.sheet-reddot[type="checkbox"]:active + span::before {
+input.sheet-reddot[type="checkbox"]:checked + span::before {
     color: red;
     font-family: "Pictos";
-    content: "0";
+    content: "D";
     font-size: 15px;
 }
 
@@ -857,7 +856,7 @@ input.sheet-untrained[type="checkbox"] + span::before {
     position: relative;
     top: 0px;
     left: -5px;
-    color: red;
+    color: green;
     text-shadow: none;
     margin-right: 4px;
     line-height: 14px;
@@ -1368,6 +1367,15 @@ button.btn.repcontrol_edit::after {
     display: flex;
 }
 
+.sheet-trade_content div:first-child {
+    margin-right: 3px;
+    width: 15%;
+}
+
+.sheet-trade_content div:nth-child(2) {
+    width: 85%;
+}
+
 .sheet-speculative,
 .sheet-speculative-subpanel {
     border: red solid 1px;
@@ -1400,12 +1408,20 @@ button.btn.repcontrol_edit::after {
     width: 2%;
 }
 
+div.sheet-speculativegoods h3 {
+    margin-left: 5px;
+}
+
 div.sheet-speculativegoods-row-pg {
     display: grid;
     grid-template-columns: 32px 210px 100px 85px 95px 70px 80px;
     column-gap: 5px;
 }
 
+div.sheet-speculativegoods-row-pg h5:first-child,
+div.sheet-speculativegoods-row-pg span:first-child {
+    margin-left: 5px;
+}
 div.sheet-speculativegoods-row {
     display: grid;
     grid-template-columns: 22px 190px 100px 75px 80px 70px 75px 75px 40px;
@@ -1800,6 +1816,10 @@ sheet-vehicle h3 {
     height: 30px !important;
 }
 
+.sheet-laf-weaponlist select {
+    width: 85px;
+}
+
 .sheet-laf-ship {
     grid-template-columns: 2fr 5fr 1fr 5fr 1fr 1fr 1fr;
     margin-bottom: 3px;
@@ -1846,7 +1866,16 @@ sheet-vehicle h3 {
 
 .sheet-laf-animal-init {
     width: 75%;
-    grid-template-columns: 0.25fr 0.25fr 1fr 0.01fr;
+    grid-template-columns: 0.25fr 0.25fr 5fr;
+}
+.sheet-laf-animal-init span {
+    margin-top: 5px;
+}
+
+.sheet-laf-animal-init button {
+    height: 28px !important;
+    padding: 0;
+    margin: 0px !important;
 }
 
 .sheet-laf-animal-detail {
@@ -1874,6 +1903,7 @@ sheet-vehicle h3 {
 .sheet-laf-vehicle-sensors {
     width: 90% !important;
     grid-template-columns: 2fr 0.25fr 0.25fr 0.1fr 5fr;
+    margin-bottom: 3px;
 }
 
 .sheet-laf-vehicle-sensors span,
@@ -2198,9 +2228,25 @@ input.sheet-laf-ship-component-hider {
     width: 90% !important;
 }
 
+.sheet-slidein,
 .repitem {
     display: block;
-    animation-name: fadein;
+    animation-name: slide-in;
     animation-duration: 1s;
     opacity: 1;
+}
+
+.sheet-skill-toggles {
+    display: grid;
+    grid-template-columns: 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr 6fr;
+}
+
+.sheet-trade-passagetype {
+    display: grid;
+    grid-template-columns: 1fr 0.1fr 0.35fr 0.1fr 1fr 0.1fr 1fr 0.1fr 1fr 0.1fr 1fr;
+}
+
+.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;
 }