Star Wars D6 v2.45 - minor css/html cleanup

Anduh · Dec 15, 2024 · 4051cfd · 4051cfd
1 parent ad0cd2a
commit 4051cfd
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 33 deletions.
diff --git a/D6StarWars/CHANGELOG.md b/D6StarWars/CHANGELOG.md
@@ -1,3 +1,6 @@
+### Version 2.45 (2024-12):
+- code cleanup: rename css classes to not start with a number: CSS best practice 
+
 ### Version 2.44 (2022-08):
 - fix broken style at character sheet background
 

diff --git a/D6StarWars/D6StarWars.css b/D6StarWars/D6StarWars.css
@@ -62,7 +62,7 @@
     padding-top:2px;
     padding-bottom:2px;
     display: inline-block;
-    float:right;
+    float: right;
 }
 
 .charsheet .p90{
@@ -108,11 +108,11 @@
 }
 
 .charsheet .right{
-    float:right;
+    float: right;
 }
 
 .charsheet .left{
-    float:left;
+    float: left;
 }
 
 .charsheet .bold{
@@ -152,7 +152,7 @@
     padding-bottom:2px;
     margin:0;
     display: inline-block;
-    float:right;
+    float: right;
     text-align: center;
 }
 
@@ -163,14 +163,14 @@
     padding-bottom:2px;
     margin:0;
     display: inline-block;
-    float:right;
+    float: right;
 }
 
 .charsheet label.areaLabel{
     margin:0;
 }
 
-.charsheet input[type="text"].60p{
+.charsheet input[type="text"].w60p{
     width: 60%;
 }
 
@@ -800,8 +800,8 @@
 .charsheet .repcontainer[data-groupname="repeating_armors"] > .repitem input[type="text"].name{
     width: 150px;
 }
-.charsheet .repcontainer[data-groupname="repeating_weapons"] > .repitem input[type="number"].40px,
-.charsheet .repcontainer[data-groupname="repeating_armors"] > .repitem input[type="number"].40px{
+.charsheet .repcontainer[data-groupname="repeating_weapons"] > .repitem input[type="number"].w40px,
+.charsheet .repcontainer[data-groupname="repeating_armors"] > .repitem input[type="number"].w40px{
     width: 150px;
 }
 
@@ -1141,7 +1141,6 @@
 .charsheet .repcontainer[data-groupname="repeating_shipweapon"] > .repitem .weapon-info label{
     width: unset;
     margin: 5px 0px 0px 5px;
-    grid
 }
 
 .charsheet .repcontainer[data-groupname="repeating_shipweapon"] > .repitem .weapon-grid{
@@ -1473,7 +1472,6 @@
 .charsheet .repcontainer[data-groupname="repeating_shipweapon"] > .repitem .weapon-info label{
     width: unset;
     margin: 5px 0px 0px 5px;
-    grid
 }
 
 .charsheet .repcontainer[data-groupname="repeating_shipweapon"] > .repitem .weapon-grid{
@@ -1802,7 +1800,6 @@
 .charsheet .repcontainer[data-groupname="repeating_vehicleweapon"] > .repitem .weapon-info label{
     width: unset;
     margin: 5px 0px 0px 5px;
-    grid
 }
 
 .charsheet .repcontainer[data-groupname="repeating_vehicleweapon"] > .repitem .weapon-grid{
@@ -2080,19 +2077,4 @@
 }
 .sheet-rolltemplate-black tr:nth-child(even) {
  background-color:#eee;
-}
-
-    © 2022 GitHub, Inc.
-
-    Terms
-    Privacy
-    Security
-    Status
-    Docs
-    Contact GitHub
-    Pricing
-    API
-    Training
-    Blog
-    About
-
+}
diff --git a/D6StarWars/D6StarWars.html b/D6StarWars/D6StarWars.html
@@ -1,4 +1,4 @@
-<input  name="attr_version" type="hidden" value="2.44">
+<input  name="attr_version" type="hidden" value="2.45">
 
 <input class="toggle" name="attr_sheettype" type="hidden" value="0">
 
@@ -130,10 +130,10 @@ <h2 title="hide sections of the sheets that aren't needed">Hide/Show Sections</h
     <div class="section pc">
       <div class="sheet-2colrow">
         <div class="sheet-col lineblock">
-          <label class="toppad">Character Name <input class="right reduce-padd 60p" name="attr_charactername"
+          <label class="toppad">Character Name <input class="right reduce-padd w60p" name="attr_charactername"
                                                       type="text"/></label>
-          <label class="toppad">Type <input class="right reduce-padd 60p" name="attr_type" type="text"/></label>
-          <label class="toppad">Species <input class="right reduce-padd 60p" list="species" name="attr_species" type="text"/></label>
+          <label class="toppad">Type <input class="right reduce-padd w60p" name="attr_type" type="text"/></label>
+          <label class="toppad">Species <input class="right reduce-padd w60p" list="species" name="attr_species" type="text"/></label>
 
           <div class="physical-params">
             <label class="toppad">Age <input class="smalltext reduce-padd" name="attr_age" type="text"/></label>
@@ -952,7 +952,7 @@ <h3>Performance</h3>
                     </div>
 
 
-                    <input class="40px" name="attr_ship_space" type="number">
+                    <input class="w40px" name="attr_ship_space" type="number">
                     <input class="mediumnumber" name="attr_ship_ground" type="number">
                     <input class="mediumnumber" name="attr_ship_athmosphere" type="number">
                 </div>
@@ -1000,7 +1000,7 @@ <h3>Sensors</h3>
             </span>
             <span>Search</span>
             <span>
-                <input class="40px" name="attr_sensor_search_range" type="number"/>
+                <input class="w40px" name="attr_sensor_search_range" type="number"/>
             </span>
             <span>
                 <input type="number" name="attr_sensor_search" value="0" min="0" required="required" class="unified-dice unified-dice-input"/>