UI fixed for active:new and cfr:new

index.html

@@ -325,10 +325,14 @@
             .chart-config-container input#chart-data-deaths:checked ~ .chart-config-group label[for=chart-data-deaths],
             .chart-config-container input#chart-data-active:checked ~ .chart-config-group label[for=chart-data-active],
             .chart-config-container input#chart-data-cfr:checked ~ .chart-config-group label[for=chart-data-cfr],
-            .chart-config-container input#chart-type-logarithmic:checked ~ .chart-config-group label[for=chart-type-logarithmic],
-            .chart-config-container input#chart-type-linear:checked ~ .chart-config-group label[for=chart-type-linear],
             .chart-config-container input#chart-cases-cumulative:checked ~ .chart-config-group label[for=chart-cases-cumulative],
             .chart-config-container input#chart-cases-new:checked ~ .chart-config-group label[for=chart-cases-new],
+            .chart-config-container input#chart-data-active:not(:checked) ~ input#chart-data-cfr:not(:checked) ~ input#chart-type-logarithmic:checked ~ .chart-config-group label[for=chart-type-logarithmic],
+            .chart-config-container input#chart-data-active:not(:checked) ~ input#chart-cases-new:not(:checked) ~ input#chart-type-logarithmic:checked ~ .chart-config-group label[for=chart-type-logarithmic],
+            .chart-config-container input#chart-data-cfr:not(:checked) ~ input#chart-cases-new:not(:checked) ~ input#chart-type-logarithmic:checked ~ .chart-config-group label[for=chart-type-logarithmic],
+            .chart-config-container input#chart-type-linear:checked ~ .chart-config-group label[for=chart-type-linear],
+            .chart-config-container input#chart-data-active:checked ~ input#chart-cases-new:checked ~ .chart-config-group label[for=chart-type-linear],
+            .chart-config-container input#chart-data-cfr:checked ~ input#chart-cases-new:checked ~ .chart-config-group label[for=chart-type-linear],
             .chart-config-container input#chart-values-absolute:checked ~ .chart-config-group label[for=chart-values-absolute],
             .chart-config-container input#chart-data-cfr:checked ~ .chart-config-group label[for=chart-values-absolute],
             .chart-config-container input#chart-data-cfr:not(:checked) ~ input#chart-values-per-million:checked ~ .chart-config-group label[for=chart-values-per-million],
@@ -341,6 +345,8 @@
                 color:black;
                 box-shadow: 0px 0px 2px springgreen;
             }
+            .chart-config-container input#chart-data-active:checked ~ input#chart-cases-new:checked ~ .chart-config-group label[for=chart-type-logarithmic],
+            .chart-config-container input#chart-data-cfr:checked ~ input#chart-cases-new:checked ~ .chart-config-group label[for=chart-type-logarithmic],
             .chart-config-container input#chart-data-cfr:checked ~ .chart-config-group label[for=chart-values-per-million] {
                 opacity:0.5;
                 pointer-events: none; 
@@ -491,10 +497,10 @@
             <input type="radio" id="chart-data-deaths" name="chart-data" value="deaths"/>
             <input type="radio" id="chart-data-active" name="chart-data" value="active"/>
             <input type="radio" id="chart-data-cfr" name="chart-data" value="cfr"/>
-            <input type="radio" id="chart-type-logarithmic" name="chart-type" value="logarithmic" checked="checked"/>
-            <input type="radio" id="chart-type-linear" name="chart-type" value="linear"/>
             <input type="radio" id="chart-cases-cumulative" name="chart-cases" value="cumulative" checked="checked"/>
             <input type="radio" id="chart-cases-new" name="chart-cases" value="new"/>
+            <input type="radio" id="chart-type-logarithmic" name="chart-type" value="logarithmic" checked="checked"/>
+            <input type="radio" id="chart-type-linear" name="chart-type" value="linear"/>
             <input type="radio" id="chart-values-absolute" name="chart-values" value="absolute" checked="checked"/>
             <input type="radio" id="chart-values-per-million" name="chart-values" value="per-million"/>
             <input type="radio" id="chart-start-date" name="chart-start" value="date"/>