Grey out coming soon episodes

ocadotechnology · Nov 3, 2023 · 8907671 · 8907671
1 parent 8a47500
commit 8907671
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/game/static/game/css/backgrounds.css b/game/static/game/css/backgrounds.css
@@ -31,3 +31,7 @@
 .bg--loops {
     background: #3F3F3F;
 }
+
+.bg--loops-coming-soon {
+    background: #6F6F6F;
+}
diff --git a/game/templates/game/level_selection.html b/game/templates/game/level_selection.html
@@ -173,13 +173,18 @@ <h4>Python levels</h4>
         </div>
         {% for episode in pythonEpisodes %}
             {% if episode.difficulty == "loops" %}
-                <div 
-                    class="panel" 
+                <div
+                    class="panel"
                     {% if "coming soon" in episode.name %}
                         style="pointer-events:none;"
                     {% endif %}
                 >
-                    <div class="panel-header bg--{{ episode.difficulty }}" id="episode-{{episode.id}}">
+                    <div {% if "coming soon" in episode.name %}
+                            class="panel-header bg--loops-coming-soon"
+                        {% else %}
+                            class="panel-header bg--{{ episode.difficulty }}"
+                        {% endif %}
+                        id="episode-{{episode.id}}">
                         <p class="episode-title" data-toggle="collapse" data-target="#collapse-{{episode.id}}" aria-expanded="false" aria-controls="collapse-{{episode.id}}" data-parent="#episodes">
                             {{episode.name}}
                             <span class="episode_range_text collapsed" data-toggle="collapse" data-target="#collapse-{{episode.id}}" aria-expanded="false" aria-controls="collapse-{{episode.id}}" data-parent="#episodes">
@@ -307,4 +312,4 @@ <h6>Owned by {{ teacher|make_into_username }}</h6>
         {% endif %}
     </div>
 </div>
-{% endblock content %}
+{% endblock content %}