LIL-128 - Блоки уроково ссылками

8 years ago · 3438d9d6b9
parent 73c4c15fdb
commit 3438d9d6b9
4 changed files with 37 additions and 13 deletions
--- a/apps/course/templates/course/course.html
+++ b/apps/course/templates/course/course.html
@ -93,17 +93,19 @@
      <div class="lessons__title title">Содержание курса</div>
      <div class="lessons__list">
        {% for lesson in course.lessons.all  %}
-        <div class="lessons__item">
-          <div class="lessons__subtitle subtitle">{{ lesson.title }}</div>
-          <div class="lessons__row">
-            {% if lesson.cover %}
-            <div class="lessons__preview"><img class="lessons__pic" src="{{ lesson.cover.url }}"></div>
-            {% else %}
-            <div class="lessons__preview"><img class="lessons__pic" src="{% static 'img/pic-3.jpg' %}"></div>
-            {% endif %}
-            <div class="lessons__content">{{ lesson.short_description | safe }}</div>
-          </div>
-        </div>                
+          <a href="{% url 'lesson' pk=lesson.id %}">
+            <div class="lessons__item">
+              <div class="lessons__subtitle subtitle">{{ lesson.title }}</div>
+              <div class="lessons__row">
+                {% if lesson.cover %}
+                  <div class="lessons__preview"><img class="lessons__pic" src="{{ lesson.cover.url }}"></div>
+                {% else %}
+                  <div class="lessons__preview"><img class="lessons__pic" src="{% static 'img/pic-3.jpg' %}"></div>
+                {% endif %}
+                <div class="lessons__content">{{ lesson.short_description | safe }}</div>
+              </div>
+            </div>
+          </a>
        {% endfor %}
      </div>
      <div class="lessons__load load"><button class="load__btn btn">еще</button></div>
--- a/web/build/css/app.css
+++ b/web/build/css/app.css
@ -3026,10 +3026,22 @@ a.grey-link:hover {

 .lesson__subtitle {
  margin-bottom: 10px;
+  color: #191919;
 }

 .lesson__content {
  margin-bottom: 30px;
+  color: #191919;
+}
+
+.lessons__subtitle {
+  margin-bottom: 10px;
+  color: #191919;
+}
+
+.lessons__content {
+  margin-bottom: 30px;
+  color: #191919;
 }

 .materials__item {
--- a/web/build/js/app.js.map
+++ b/web/build/js/app.js.map
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@ -2355,9 +2355,19 @@ a.grey-link
      
 .lesson
  &__subtitle
-    margin-bottom: 10px 
+    margin-bottom: 10px
+    color: #191919
+  &__content
+    margin-bottom: 30px
+    color: #191919
+
+.lessons
+  &__subtitle
+    margin-bottom: 10px
+    color: #191919
  &__content
    margin-bottom: 30px
+    color: #191919
      
 .materials
  &__item