From 4d2c65b5b405363d9b139ce890e2dcd5852bbdaa Mon Sep 17 00:00:00 2001 From: Christoph Date: Thu, 18 Jun 2020 09:12:10 -0700 Subject: [PATCH] Fixed Flow Lines and Size of Other Tool input --- FreeSpacer/FreeSpacer.css | 111 +++++++++++------- FreeSpacer/FreeSpacer.html | 1 - ...KitDirection.png => chargeCrewKitFlow.png} | Bin 3 files changed, 70 insertions(+), 42 deletions(-) rename FreeSpacer/img/{chargeCrewKitDirection.png => chargeCrewKitFlow.png} (100%) diff --git a/FreeSpacer/FreeSpacer.css b/FreeSpacer/FreeSpacer.css index fa0d1ad0fa..54e79643f2 100644 --- a/FreeSpacer/FreeSpacer.css +++ b/FreeSpacer/FreeSpacer.css @@ -902,7 +902,7 @@ input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollB .sheet-salvoSpecialtyBox { grid-row: 5; - grid-column: 65; + grid-column: 62; } .sheet-salvoToolBox @@ -920,7 +920,7 @@ input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollB .sheet-salvoAdvantageBox { grid-row: 26; - grid-column: 65; + grid-column: 62; } .sheet-salvoThreatBox @@ -1029,7 +1029,7 @@ div.sheet-salvoThreatAttr { position: absolute; grid-row: 45; - grid-column: 70; + grid-column: 67; } button.sheet-rollSalvoButton @@ -1077,7 +1077,7 @@ button.sheet-rollSalvoButton { position: absolute; grid-row: 55; - grid-column: 70; + grid-column: 67; } input.sheet-spendChargeCloseSalvoMode @@ -1151,7 +1151,6 @@ input.sheet-skillDeselect input.sheet-skillDeselect:checked ~ .sheet-specialtyDeselect, input.sheet-skillDeselect:checked ~ .sheet-salvoToolBox, input.sheet-skillDeselect:checked ~ .sheet-salvoChargeBox, - input.sheet-skillDeselect:checked ~ .sheet-overchargeHighlight, input.sheet-skillDeselect:checked ~ .sheet-chargeCrewKitDirection, input.sheet-skillDeselect:checked ~ .sheet-toolDeselect, input.sheet-skillDeselect:checked ~ .sheet-crewKitSelect, @@ -1192,7 +1191,7 @@ span.sheet-skillSelector position: absolute; width: 12px; height: 10px; - grid-area: 5/85/6/86; + grid-area: 5/82/6/83; } input.sheet-specialtyDeselect @@ -1218,7 +1217,6 @@ input.sheet-specialtyDeselect input.sheet-specialtyDeselect:checked ~ .sheet-salvoSpecialtyBox, input.sheet-specialtyDeselect:checked ~ .sheet-salvoToolBox, input.sheet-specialtyDeselect:checked ~ .sheet-salvoChargeBox, - input.sheet-specialtyDeselect:checked ~ .sheet-overchargeHighlight, input.sheet-specialtyDeselect:checked ~ .sheet-chargeCrewKitDirection, input.sheet-specialtyDeselect:checked ~ .sheet-toolDeselect, input.sheet-specialtyDeselect:checked ~ .sheet-crewKitSelect, @@ -1426,10 +1424,13 @@ input.sheet-crewKitDeselect:not(:checked) ~ .sheet-crewKitSelect } input.sheet-toolDeselect:checked ~ .sheet-salvoAdvantageBox, +input.sheet-toolDeselect:checked ~ .sheet-advantageDirection, input.sheet-toolDeselect:checked ~ .sheet-rollSalvoButton, input.sheet-toolDeselect:checked ~ .sheet-spendChargeCloseSalvoMode, input.sheet-toolDeselect:checked ~ .sheet-salvoChargeBox, -input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox +input.sheet-toolDeselect:checked ~ .sheet-chargeCrewKitDirection, +input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox, +input.sheet-toolDeselect:checked ~ .sheet-threatDirection { display: none; } @@ -1440,7 +1441,7 @@ input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox { position: absolute; width: 140px; - height: 11px; + height: 15px; } input.sheet-crewKitSelect @@ -1449,6 +1450,8 @@ input.sheet-crewKitSelect border: none; z-index: 19; line-height: 15px; + width: 140px; + height: 15px; } span.sheet-crewKitSelect @@ -1456,7 +1459,7 @@ span.sheet-crewKitSelect background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/crewKitToolSelector.png); background-repeat: no-repeat; background-position: center; - background-size: 140px 11px; + background-size: 140px 15px; opacity: 1; z-index: 18; } @@ -1472,6 +1475,9 @@ input.sheet-otherTool { line-height: 70px; text-align: center; + width: 190px; + height: 70px; + margin-top: 5px; } @@ -1483,22 +1489,28 @@ span.sheet-otherTool background-size: 190px 325px; opacity: 1; z-index: 18; + width: 190px; + height: 325px; + text-align: center; + font-size: 12px; + color: dimgray; } /*Other Tool Selected*/ input.sheet-otherTool:checked ~ .sheet-salvoToolBox, input.sheet-otherTool:checked ~ .sheet-salvoChargeBox, input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode, -input.sheet-otherTool:checked ~ .sheet-overchargeHighlight, input.sheet-otherTool:checked ~ .sheet-chargeCrewKitDirection { display: none; } input.sheet-otherTool:checked ~ .sheet-salvoAdvantageBox, +input.sheet-otherTool:checked ~ .sheet-advantageDirection, input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode, input.sheet-otherTool:checked ~ .sheet-rollSalvoButton, -input.sheet-otherTool:checked ~ .sheet-salvoThreatBox +input.sheet-otherTool:checked ~ .sheet-salvoThreatBox, +input.sheet-otherTool:checked ~ .sheet-threatDirection { display: block; } @@ -1857,7 +1869,7 @@ input.sheet-crewKitMods .sheet-skillDirection { - display: initial; + display: block; grid-area: 2/8/19/66; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/skillFlow.png); background-repeat: no-repeat; @@ -1871,7 +1883,7 @@ input.sheet-crewKitMods .sheet-specialtyDirection { - display: initial; + display: block; grid-row: 10; grid-column:21; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/specialtyFlow.png); @@ -1885,7 +1897,7 @@ input.sheet-crewKitMods .sheet-communicationsSpecialtyFlow1 { - display: initial; + display: block; grid-area: 10/25/58/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow1.png); background-repeat: no-repeat; @@ -1898,7 +1910,7 @@ input.sheet-crewKitMods .sheet-communicationsSpecialtyFlow2 { - display: initial; + display: block; grid-area: 10/25/58/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow2.png); background-repeat: no-repeat; @@ -1911,7 +1923,7 @@ input.sheet-crewKitMods .sheet-communicationsSpecialtyFlow3 { - display: initial; + display: block; grid-area: 10/25/58/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow3.png); background-repeat: no-repeat; @@ -1924,7 +1936,7 @@ input.sheet-crewKitMods .sheet-communicationsSpecialtyFlow4 { - display: initial; + display: block; grid-area: 10/25/58/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow4.png); background-repeat: no-repeat; @@ -1937,7 +1949,7 @@ input.sheet-crewKitMods .sheet-communicationsSpecialtyFlow5 { - display: initial; + display: block; grid-area: 10/25/58/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow5.png); background-repeat: no-repeat; @@ -1950,7 +1962,7 @@ input.sheet-crewKitMods .sheet-operationsSpecialtyFlow1 { - display: initial; + display: block; grid-area: 10/48/30/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow1.png); background-repeat: no-repeat; @@ -1963,7 +1975,7 @@ input.sheet-crewKitMods .sheet-operationsSpecialtyFlow2 { - display: initial; + display: block; grid-area: 10/48/37/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow2.png); background-repeat: no-repeat; @@ -1976,7 +1988,7 @@ input.sheet-crewKitMods .sheet-operationsSpecialtyFlow3 { - display: initial; + display: block; grid-area: 10/48/44/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow3.png); background-repeat: no-repeat; @@ -1989,7 +2001,7 @@ input.sheet-crewKitMods .sheet-operationsSpecialtyFlow4 { - display: initial; + display: block; grid-area: 10/48/51/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow4.png); background-repeat: no-repeat; @@ -2002,7 +2014,7 @@ input.sheet-crewKitMods .sheet-operationsSpecialtyFlow5 { - display: initial; + display: block; grid-area: 10/48/58/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow5.png); background-repeat: no-repeat; @@ -2015,7 +2027,7 @@ input.sheet-crewKitMods .sheet-engineeringSpecialtyFlow1 { - display: initial; + display: block; grid-area: 10/71/30/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow1.png); background-repeat: no-repeat; @@ -2028,7 +2040,7 @@ input.sheet-crewKitMods .sheet-engineeringSpecialtyFlow2 { - display: initial; + display: block; grid-area: 10/71/37/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow2.png); background-repeat: no-repeat; @@ -2041,7 +2053,7 @@ input.sheet-crewKitMods .sheet-engineeringSpecialtyFlow3 { - display: initial; + display: block; grid-area: 10/71/44/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow3.png); background-repeat: no-repeat; @@ -2054,7 +2066,7 @@ input.sheet-crewKitMods .sheet-engineeringSpecialtyFlow4 { - display: initial; + display: block; grid-area: 10/71/51/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow4.png); background-repeat: no-repeat; @@ -2067,7 +2079,7 @@ input.sheet-crewKitMods .sheet-engineeringSpecialtyFlow5 { - display: initial; + display: block; grid-area: 10/71/58/78; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow5.png); background-repeat: no-repeat; @@ -2080,7 +2092,7 @@ input.sheet-crewKitMods .sheet-toolCrewKitDirection { - display: initial; + display: block; grid-row: 10; grid-column: 40; background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/toolCrewKitDirection.png); @@ -2094,28 +2106,45 @@ input.sheet-crewKitMods .sheet-chargeCrewKitDirection { - display: initial; - grid-area: 55/4/60/12; - background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/chargeCrewKitDirection.png); + display: block; + grid-row: 55; + grid-column: 13; + background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/chargeCrewKitFlow.png); background-repeat: no-repeat; background-position: center; background-size: 11px 90px; opacity: 1; - width: 200px; + width: 11px; height: 90px; } -.sheet-overchargeHighlight +.sheet-advantageDirection { - display: initial; - grid-area: 44/3/57/25; - background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/overchargeHighlight.png); + display: block; + grid-row: 36; + grid-column: 70; + background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/advantageFlow.png); background-repeat: no-repeat; background-position: center; - background-size: 220px 130px; + background-size: 11px 90px; opacity: 1; - width: 220px; - height: 130px; + width: 11px; + height: 90px; + margin-left: 5px; +} + +.sheet-threatDirection +{ + display: block; + grid-row: 49; + grid-column: 75; + background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/threatFlow.png); + background-repeat: no-repeat; + background-position: center; + background-size: 80px 11px; + opacity: 1; + width: 80px; + height: 11px; } /* ******************************* */ diff --git a/FreeSpacer/FreeSpacer.html b/FreeSpacer/FreeSpacer.html index 99f10e96ad..6481a7cce3 100644 --- a/FreeSpacer/FreeSpacer.html +++ b/FreeSpacer/FreeSpacer.html @@ -265,7 +265,6 @@
-
diff --git a/FreeSpacer/img/chargeCrewKitDirection.png b/FreeSpacer/img/chargeCrewKitFlow.png similarity index 100% rename from FreeSpacer/img/chargeCrewKitDirection.png rename to FreeSpacer/img/chargeCrewKitFlow.png