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 %}
 {% load waffle_tags %}
 <table class="calendar table table-bordered">
@@ ... / @@ -40,14 +41,12 @@ @@
                   {% if slot.sessions %}
                     <div>
                       {% 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 %}
                     </div>
                   {% endif %}
@@ ... / @@ -64,7 +63,7 @@ @@
             {% if "break" in slot.kind.label %}
             {% else %}
               <span class="room">
                 {{ slot.rooms|join:", "}}
+                {{ slot.rooms|join:", "}}<span class="endtime"> ends {{ slot.end|date:"h:iA" }}</span>
               </span>
             {% endif %}
           </td>

static/src/css/app.css

➞

Show inline comments

@@ ... / @@ -206,12 +206,15 @@ div.system-message p.system-message-title { @@
 /* Schedule, proposal and presenter display */
 /* Make sure twitter/link buttons get displayed */
 .room {
+.mw760, .room {
     display: none;
+}
 .speaker {
     display: block;
+}
 .endtime {
     font-style: italic;
+}
 .presenters .btn-group {
     display: inline-flex;
@@ ... / @@ -220,7 +223,8 @@ div.system-message p.system-message-title { @@
 .presenters .btn-svg { width: 20px; }
 @media all and (max-width: 760px) {
     .room {	display: block;  }
     .mw760, .room {	display: block;  }
     .speaker { font-weight: bold; }
+}
 @media only screen and (max-width: 760px) {

0 comments (0 inline, 0 general)