Skip to content
Snippets Groups Projects
Commit bb943983 authored by Andreas Valder's avatar Andreas Valder
Browse files

fixed styling, especially on mobile systems

parent 1c01a28d
No related branches found
No related tags found
No related merge requests found
.videopreview li:nth-child(even) { background: #f5f5f5; } .videopreview > li:nth-child(even) { background: #f5f5f5; }
.courses-list li:nth-child(even) { background: #fAfAfA; } .courses-list li:nth-child(even) { background: #fAfAfA; }
.list-group-item-condensed { padding: 2px !important; }
{% from 'macros.html' import course_list_item %} {% from 'macros.html' import course_list_item %}
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="row"> <div clss="row">
<div class="col-xs-12 dropdown" style="margin-bottom: 10px;"> <div class="row-xs-12">
<span class="pull-right"> <ul class="list-inline pull-right">
<a class="fa fa-rss-square pull-right btn btn-default" aria-hidden="true" href="{{url_for('courses_feed')}}"></a> <li>
{% if ismod() %} <a class="btn btn-default" style="margin-right: 5px;" href="{{ url_for('new_course', ref=request.url) }}">Neue Veranstaltung</a> {% endif %} <a class="fa fa-rss-square btn btn-default" aria-hidden="true" href="{{url_for('courses_feed')}}"></a>
</li>
<button class="btn btn-primary dropdown-toggle pull-right" type="button" data-toggle="dropdown">Gruppierung {% if ismod() %}
<span class="caret"></span></button> <li>
<a class="btn btn-default" href="{{ url_for('new_course', ref=request.url) }}">Neue Veranstaltung</a>
</li>
{% endif %}
<li class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Gruppierung
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li><a href="?groupedby=semester">Semester</a></li> <li><a href="?groupedby=semester">Semester</a></li>
<li><a href="?groupedby=title">Veranstaltungen</a></li> <li><a href="?groupedby=title">Veranstaltungen</a></li>
<li><a href="?groupedby=organizer">Dozenten</a></li> <li><a href="?groupedby=organizer">Dozenten</a></li>
</ul> </ul>
</span> </li>
</ul>
</div> </div>
</div> </div>
{% for g in courses|groupby(groupedby)|reverse %} {% for g in courses|groupby(groupedby)|reverse %}
......
{% macro preview(lecture) %} {% macro preview(lecture) %}
<li class="list-group-item"> <li class="list-group-item">
<a class="hidden-xs" href="{{url_for('lecture', id=lecture['id'])}}" title="{{ lecture['coursetitle'] }}"> <a class="hidden-xs" href="{{url_for('lecture', id=lecture['id'])}}" title="{{ lecture['coursetitle'] }}" style="color: #000">
<div class="row"> <div class="row">
<img class="col-xs-4" src="{{ config.VIDEOPREFIX }}/{{ lecture['titlefile'] }}" alt="Vorschaubild"> <img class="col-xs-4" src="{{ config.VIDEOPREFIX }}/{{ lecture['titlefile'] }}" alt="Vorschaubild">
<div class="col-xs-4"> <div class="col-xs-4">
<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span><br> <span><strong>{{ lecture['short'] }}</strong></span><br>
<span style="color: #000;">{{ lecture['time'] }}</span> <span>{{ lecture['time'] }}</span>
{% if lecture['speaker'] %} {% if lecture['speaker'] %}
<div class="small" style="color: #000;">Gehalten von {{ lecture['speaker'] }} </div> <div class="small">Gehalten von {{ lecture['speaker'] }} </div>
{% endif %} {% endif %}
</div> </div>
<div class="col-xs-4" style="color: #000;"> <div class="col-xs-4">
<div style="color: #000;">{{ lecture['title'] }}</div> <div>{{ lecture['title'] }}</div>
<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p> <p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
</div> </div>
</div> </div>
</a> </a>
<a class="visible-xs" href="{{url_for('lecture', id=lecture['id'])}}" title="{{ lecture['coursetitle'] }}"> <a class="visible-xs" href="{{url_for('lecture', id=lecture['id'])}}" title="{{ lecture['coursetitle'] }}" style="color: #000">
<div class="row"> <ul class="list-unstyled">
<img class="col-xs-12" src="{{ config.VIDEOPREFIX }}/{{ lecture['titlefile'] }}" alt="Vorschaubild"> <li>
</div> <img src="{{ config.VIDEOPREFIX }}/{{ lecture['titlefile'] }}" alt="Vorschaubild">
<div class="row"> </li>
<div class="col-xs-12"> <li>
<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span> <strong>{{ lecture['short'] }}</strong> {{ lecture['time'] }}
<span style="color: #000;">{{ lecture['time'] }}</span> </li>
</div>
</div>
{% if lecture['speaker'] %} {% if lecture['speaker'] %}
<div class="row"> <li>
<div class="col-xs-12"> <span class="small">Gehalten von {{ lecture['speaker'] }} </span>
<div class="small" style="color: #000;">Gehalten von {{ lecture['speaker'] }} </div> </li>
</div>
</div>
{% endif %} {% endif %}
<div class="row"> <li>
<div class="col-xs-12"> {{ lecture['title'] }}
<div style="color: #000;">{{ lecture['title'] }}</div> </li>
</div> <li>
</div>
<div class="row">
<div class="col-xs-12">
<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p> <p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
</div> </li>
</div> </ul>
</a> </a>
</li> </li>
...@@ -70,23 +63,23 @@ ...@@ -70,23 +63,23 @@
{% endmacro %} {% endmacro %}
{% macro course_list_item(course,show_semester=False) %} {% macro course_list_item(course,show_semester=False) %}
<li class="list-group-item {% if (not course.visible) or (not course.listed) %}list-group-item-danger{% endif %}"> <li class="list-group-item list-group-item-condensed {% if (not course.visible) or (not course.listed) %}list-group-item-danger{% endif %}">
<div class="row"> <div class="row">
<a href="{{url_for('course', handle=course.handle)}}"> <a href="{{url_for('course', handle=course.handle)}}">
{% if show_semester %} {% if show_semester %}
<span class="col-xs-1"> <span class="col-xs-2 col-md-1">
{{ course.semester }} {{ course.semester }}
</span> </span>
<span class="col-xs-6"> <span class="col-xs-10 col-md-6">
{% else %} {% else %}
<span class="col-xs-7"> <span class="col-xs-12 col-md-7">
{% endif %} {% endif %}
{{ course.title }} {{ course.title }}
</span> </span>
<span class="col-xs-3"> <span class="col-xs-8 col-md-3">
{{ course.organizer }} {{ course.organizer }}
</span> </span>
<span class="col-xs-2"> <span class="col-xs-4 col-md-2">
{{ course.subject }} {{ course.subject }}
</span> </span>
</a> </a>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment