0.0.264 upd previous_next_news widget

static/css/mobile_styles.css

@@ -376,7 +376,7 @@
         margin: 0 0 120px 0;
         /*justify-content: center;*/
     }
-    .news_item {
+    .news_item, .news_item_static {
         margin-bottom: 40px;
         width: 49%;
     }
@@ -1373,6 +1373,17 @@
         float: none;
         /*margin-left: 25px;*/
     }
+
+     .previous_next_news{
+        flex-wrap: wrap;
+    }
+
+
+
+      .news_item, .news_item_static{
+          width: 490px;
+          margin: 0 auto 30px;
+    }
 }
 @media (max-width: 850px){
 
@@ -1607,6 +1618,14 @@
     .phones_carrier{
         display: block;
     }
+
+    .previous_next_news>.news_item_static{
+        margin: unset;
+        margin-bottom: 40px;
+    }
+    .news_item, .news_item_static{
+        width: 100%;
+    }
     .first-line-card-carrier{
         text-align: center;
     }
@@ -1637,13 +1656,7 @@
             margin-bottom: unset;
     }
 
-    .previous_next_news{
+
-        flex-wrap: wrap;
-    }
-    .previous_next_news>.news_item:nth-child(2){
-        margin: unset;
-        margin-bottom: 40px;
-    }
 
     .splitter-from-to-country{
         margin-left: 7%;
@@ -1658,9 +1671,7 @@
         margin-top: 40px;
     }
 
-    .news_item{
+
-        width: 100%;
-    }
     .news_block_main{
         justify-content: center;
     }

static/css/styles.css

@@ -2722,7 +2722,11 @@ details[open] summary ~ *{
     width: 100%;
 }
 
-.news_item {
+.news_item_static{
+    margin: 0 20px;
+}
+
+.news_item, .news_item_static {
     width: 32%;
     margin-bottom: 2%;
     background-color: white;
@@ -2731,6 +2735,7 @@ details[open] summary ~ *{
     height: 460px;
 }
 
+
 .news_item>a>div{
     margin: 20px;
     overflow-wrap: break-word;
@@ -2746,6 +2751,21 @@ details[open] summary ~ *{
     overflow: hidden;
 }
 
+.news_item_static>a>div{
+    margin: 20px;
+    overflow-wrap: break-word;
+}
+.news_item_static>div{
+    margin: 10px;
+    overflow-wrap: break-word;
+}
+.news_item_static>a{
+    color: black;
+    height: 460px;
+    display: block;
+    overflow: hidden;
+}
+
 
 .news_img>img{
     object-fit: cover;
@@ -2906,6 +2926,10 @@ details[open] summary ~ *{
     margin: 0 20px;
 }
 
+.self_news_text{
+    margin-bottom: 40px;
+}
+
 
 
 

templates/pages/p_article.html

@@ -27,6 +27,7 @@
     <div class="previous_next_news">
         {% for item in arts_top %}
 
+
                     <div class="news_item">
                         <a href="{% url "article_one" item.url %}">
                             <div class="news_img"><img src="{{ MEDIA_URL }}{{ item.picture }}" /></div>
@@ -39,9 +40,9 @@
                     </div>
 
               {#<div>{{ art.text|safe }}</div>#}
-            {% endfor %}
+        {% endfor %}
 
-        <div class="news_item">
+        <div class="news_item_static">
 
                     <div class="news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
                     <div class="news_header">{{ art.name }}</div>