Make the selection more obvious in the meeting schedule editor

- Legacy-Id: 17887

ietf/meeting/views.py

@@ -607,6 +607,7 @@ def edit_meeting_schedule(request, num=None, owner=None, name=None):
     for i, p in enumerate(session_parents):
         rgb_color = cubehelix(i, len(session_parents))
         p.scheduling_color = "rgb({}, {}, {})".format(*tuple(int(round(x * 255)) for x in rgb_color))
+        p.light_scheduling_color = "rgb({}, {}, {})".format(*tuple(int(round((0.9 + 0.1 * x) * 255)) for x in rgb_color))
 
     # dig out historic AD names
     ad_names = {}

ietf/static/ietf/css/ietf.css

@@ -1108,8 +1108,8 @@ a.fc-event, .fc-event, .fc-content, .fc-title, .fc-event-container {
   cursor: pointer;
 }
 
-.edit-meeting-schedule .session.selected {
-  background-color:  #fcfcfc;
+.edit-meeting-schedule .session.selected .session-label {
+  font-weight: bold;
 }
 
 .edit-meeting-schedule .session.dragging {

ietf/templates/meeting/edit_meeting_schedule.html

@@ -5,10 +5,10 @@
 {% load ietf_filters %}
 
 {% block morecss %}
+  {# set the group colors with CSS here #}
   {% for parent in session_parents %}
-    .parent-{{ parent.acronym }} {
-       background: linear-gradient(to right, {{ parent.scheduling_color }} 0.4em, transparent 0.5em);
-    }
+    .parent-{{ parent.acronym }} { background: linear-gradient(to right, {{ parent.scheduling_color }} 0.4em, transparent 0.5em); }
+    .parent-{{ parent.acronym }}.selected { background-color: {{ parent.light_scheduling_color }}; }
   {% endfor %}
 {% endblock morecss %}