symposion_app Changeset - ffe0f64182ac

Changeset - ffe0f64182ac

Parent rev.

Child rev.

[Not reviewed]

0 2 0

James Polley - 6 years ago 2018-01-12 13:26:49
jp@jamezpolley.com

Make narrow-screen schedule details more distinct

In the narrow view, lots of details that aren't in the normal view
appear to compensate for not having clear row/column headers any more.

However, all the detail can look very same-same; this tweak makes rooms and end times more distinct.

Session chair info is made always italic, and a label is added to make
it clear that this person is not the speaker.

2 files changed with 11 insertions and 8 deletions:

pinaxcon/templates/symposion/schedule/_grid.html

static/src/css/app.css

0 comments (0 inline, 0 general)

pinaxcon/templates/symposion/schedule/_grid.html

➞

Show inline comments

 {% load lca2018_tags %}
@@ ... / @@ -42,10 +43,8 @@ @@
                       {% for session in slot.sessions.all %}
                         <em>Session chair:
                         {% if not session.chair %}
                           <br />
                           <a href="{% url "schedule_session_detail" session.id %}">Volunteer! 🙋</a>
                         {% elif session.chair.user == request.user %}
                           <br />
                           <a href="{% url "schedule_session_detail" session.id %}">(You are session chair)</a>
                         {% endif %}
                         </a>
                           <a href="{% url "schedule_session_detail" session.id %}"><strong>You!</strong></a>
                         {% endif %}</em>
                       {% endfor %}
@@ ... / @@ -66,3 +65,3 @@ @@
               <span class="room">
                 {{ slot.rooms|join:", "}}
+                {{ slot.rooms|join:", "}}<span class="endtime"> ends {{ slot.end|date:"h:iA" }}</span>
               </span>

static/src/css/app.css

➞

Show inline comments

@@ ... / @@ -208,3 +208,3 @@ div.system-message p.system-message-title { @@
 .room {
+.mw760, .room {
     display: none;
@@ ... / @@ -214,2 +214,5 @@ div.system-message p.system-message-title { @@
+}
 .endtime {
     font-style: italic;
+}
@@ ... / @@ -222,3 +225,4 @@ div.system-message p.system-message-title { @@
 @media all and (max-width: 760px) {
     .room {	display: block;  }
     .mw760, .room {	display: block;  }
     .speaker { font-weight: bold; }
+}

0 comments (0 inline, 0 general)