From 377786df8716f61f583d72974b0a69cd9145fbfb Mon Sep 17 00:00:00 2001
From: SBD <strigevitch.boris@gmail.com>
Date: Wed, 29 Nov 2023 14:28:24 +0300
Subject: [PATCH] 0.0.50

---
 static/aerbimCSS.css                          |  6 +-
 static/aerbimCSSMOBILE.css                    | 61 ++++++++++++++++++-
 static/images/arrow_right_for_sections.svg    |  3 +
 .../blocks/dynamic/b_sections_buttons.html    |  6 +-
 4 files changed, 71 insertions(+), 5 deletions(-)
 create mode 100644 static/images/arrow_right_for_sections.svg

diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css
index af9be0c..099a734 100644
--- a/static/aerbimCSS.css
+++ b/static/aerbimCSS.css
@@ -80,7 +80,7 @@ body,html{
 }
 
 .description_page{
-    margin-top: 60px;
+    margin-top: 50px;
     display: block;
     font-size: 24px;
     font-weight: 500;
@@ -297,6 +297,10 @@ body,html{
     transition: 300ms;
 }
 
+.description_sections_buttons{
+    display: none;
+}
+
 .section_btn:hover {
     height: 45px;
     position: relative;
diff --git a/static/aerbimCSSMOBILE.css b/static/aerbimCSSMOBILE.css
index 6c5caa0..b41dc78 100644
--- a/static/aerbimCSSMOBILE.css
+++ b/static/aerbimCSSMOBILE.css
@@ -112,11 +112,66 @@
         margin-right: 20px;
         padding-right: 0;
     }
+    .line_go_to_sections{
+        width: 100%;
+        color: #000000;
+        padding-bottom: 15px;
+        border-bottom: 1px solid #D1D1D1;
+    }
+    .description_txt{
+        display: block;
+        width: 100%;
+        color: #000000;
+        margin-bottom: 10px;
+    }
+    .section_btn{
+        height: unset;
+    }
+    .section_btn.open{
+        height: unset;
+    }
+    .section_btn.close{
+        height: unset;
+        background: #ffffff;
+    }
+    .container_sections_buttons {
+        height: unset;
+        background: #10212B;
+        position: unset;
+        top: 50px;
+        z-index: 100;
+    }
+    .txt_section {
+        color: #000000;
+    }
+    .section_btn.close > .txt_section {
+        color: #000000;
+        padding: 18px 30px 18px 30px;
+        transition: 500ms;
+    }
+    .section_btn:hover{
+        height: unset;
+    }
+    .img_go_to_section{
+        width: 8px;
+    }
+    .description_sections_buttons{
+        display: block;
+        padding: 0 30px 20px 30px;
+    }
+    .cut-width.sections_btns {
+        margin: 0;
+    }
+    .section_btn{
+        width: 100%;
+    }
+    .container_content_sections_buttons{
+        flex-wrap: wrap;
+        height: unset;
+    }
 }
 
-@media (max-width: 750px) {
-
-
+@media (max-width: 675px) {
 
 
 }
\ No newline at end of file
diff --git a/static/images/arrow_right_for_sections.svg b/static/images/arrow_right_for_sections.svg
new file mode 100644
index 0000000..c2122d4
--- /dev/null
+++ b/static/images/arrow_right_for_sections.svg
@@ -0,0 +1,3 @@
+<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.65685 0.999396L7.31371 6.65625L1.65685 12.3131" stroke="#FB6952" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
diff --git a/templates/blocks/dynamic/b_sections_buttons.html b/templates/blocks/dynamic/b_sections_buttons.html
index ae04608..95bc9a8 100644
--- a/templates/blocks/dynamic/b_sections_buttons.html
+++ b/templates/blocks/dynamic/b_sections_buttons.html
@@ -4,7 +4,11 @@
         <div class="container_content_sections_buttons">
             {% for section in sections %}
                 <a href="{% url 'section_page' section.url %}" class="section_btn {% if section == cur_section or page == section %}open{% else %}close{% endif %} standart_txt pointer" data-url="{{ section.url }}">
-                    <div class="txt_section standart_txt">{{ section.name }}</div>
+                    <div class="txt_section standart_semi_bold_txt">{{ section.name }}</div>
+                    <div class="description_sections_buttons">
+                        <div class="description_txt standart_txt">{{ section.description }}</div>
+                        <div class="standart_txt line_go_to_sections">перейти в раздел <img class="img_go_to_section" src="{% static "/images/arrow_right_for_sections.svg" %}"></div>
+                    </div>
                 </a>
             {% endfor %}
         </div>