sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.361

Browse Source
This commit is contained in:
borissedw
2023-11-17 19:58:09 +03:00
parent a97d9ec2bc
commit 6515979251
4 changed files with 105 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
static/css/mobile_styles.css
View File

@@ -84,7 +84,7 @@
border-top: 2px solid #E6E6E6; border-top: 2px solid #E6E6E6;
border-right: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6;
border-bottom: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6;
width: 40.5%; width: 60px;
} }
.abbreviation_airport_in_search{ .abbreviation_airport_in_search{
float: left; float: left;
@@ -92,7 +92,7 @@
border-right: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6;
border-bottom: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6;
height: 96%; height: 96%;
width: 40%; /*width: 40%;*/
} }
.from_address_point_txt.find_route.first{ .from_address_point_txt.find_route.first{
@@ -103,7 +103,7 @@
} }
.to_address_point_txt.find_route{ .to_address_point_txt.find_route{
width: 55.6%; /*width: 55.6%;*/
float: left; float: left;
border-top: 2px solid #E6E6E6; border-top: 2px solid #E6E6E6;
border-left: 2px solid #E6E6E6; border-left: 2px solid #E6E6E6;
@@ -498,7 +498,7 @@
.cut_width_f_curtain{ .cut_width_f_curtain{
position: sticky; position: sticky;
top: 61px; top: 0;
} }
.menu_buttons{ .menu_buttons{
/*background: #FFFFFF;*/ /*background: #FFFFFF;*/
@@ -1051,12 +1051,12 @@
} }
} }
@media (max-width: 828px){ @media (max-width: 828px){
.to_address_point_txt.find_route { /*.to_address_point_txt.find_route {*/
width: 54.6%; /*width: 54.6%;*/
} /*}*/
.from_address_point_txt.find_route.first { /*.from_address_point_txt.find_route.first {*/
width: 54.1%; /* width: 54.1%;*/
} /*}*/
} }
@media (max-width: 776px){ @media (max-width: 776px){
@@ -1125,12 +1125,12 @@
} }
} }
@media (max-width: 687px){ @media (max-width: 687px){
.to_address_point_txt.find_route { /*.to_address_point_txt.find_route {*/
width: 52.6%; /* width: 52.6%;*/
} /*}*/
.from_address_point_txt.find_route.first { /*.from_address_point_txt.find_route.first {*/
width: 52.1%; /* width: 52.1%;*/
} /*}*/
.subscribe_inf{ .subscribe_inf{
width: 95%; width: 95%;
@@ -1188,12 +1188,12 @@
.cont-el-form-search-carrier.last > select{ .cont-el-form-search-carrier.last > select{
width: 100%; width: 100%;
} }
.to_address_point_txt.find_route { /* .to_address_point_txt.find_route {*/
width: 51.6%; /* width: 51.6%;*/
} /*}*/
.from_address_point_txt.find_route.first { /*.from_address_point_txt.find_route.first {*/
width: 51.1%; /* width: 51.1%;*/
} /*}*/
.another_subscribe{ .another_subscribe{
padding: unset; padding: unset;
flex-direction: column; flex-direction: column;
@@ -1202,13 +1202,13 @@
} }
@media (max-width: 466px) { @media (max-width: 466px) {
.to_address_point_txt.find_route { /*.to_address_point_txt.find_route {*/
width: 48.4%; /* width: 48.4%;*/
} /*}*/
.from_address_point_txt.find_route.first { /*.from_address_point_txt.find_route.first {*/
width: 47.95%; /* width: 47.95%;*/
} /*}*/
.container_inp_w_abr { .container_inp_w_abr {

60
static/css/styles(boris).css
View File

@@ -949,12 +949,13 @@
border-left: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6;
display: block; display: block;
height: 20px; height: 20px;
width: 55.1%; /*width: 55.1%;*/
float: left; float: left;
background-image: none !important; background-image: none !important;
margin-top: 0; margin-top: 0;
padding: 20px 15.2px; padding: 20px 15.2px;
border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;
width: calc(100% - 95px);
} }
.to_address_point_txt.find_route{ .to_address_point_txt.find_route{
@@ -964,7 +965,7 @@
border-left: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6;
display: block; display: block;
height: 20px; height: 20px;
width: 55.1%; width: calc(100% - 95px);
border-radius: 0; border-radius: 0;
float: left; float: left;
background-image: none !important; background-image: none !important;
@@ -1016,7 +1017,7 @@
padding: 20px 10px; padding: 20px 10px;
background: url(/static/img/svg/Calendar.svg) white 50%; background: url(/static/img/svg/Calendar.svg) white 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 5% bottom 45%; background-position: right 2% bottom 45%;
} }
@@ -1060,8 +1061,8 @@
.abbreviation_airport_in_search{ .abbreviation_airport_in_search{
display: inline-block; display: inline-block;
float: left; float: left;
width: 29%;
height: 97%; height: 97%;
width: 60px;
border-top: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
@@ -1090,8 +1091,8 @@
} }
.block-filters-find-route{ .block-filters-find-route {
min-height: 660px; min-height: calc(100vh - 200px);
background: #FFFFFF; background: #FFFFFF;
box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20); box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
width: 26%; width: 26%;
@@ -1100,8 +1101,9 @@
position: sticky; position: sticky;
top: 76px; top: 76px;
border-radius: 10px; border-radius: 10px;
max-height: calc(100vh - 125px);
overflow-y: auto;
} }
.block_w_paging.routes{ .block_w_paging.routes{
width: 68%; width: 68%;
float: right; float: right;
@@ -2442,8 +2444,50 @@
transition: 200ms; transition: 200ms;
} }
/* news rewrite*/
.news_block{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
.cont_one_news{
width: 300px;
display: block;
text-decoration: none;
color: #000000;
margin: 20px;
background: #FFFFFF;
box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
padding: 15px;
border-radius: 10px;
}
.cont_img_one_news{
height: 250px;
overflow: hidden;
}
.img_one_news{
display: block;
aspect-ratio: 4/3;
/*height: 300px;*/
object-fit: cover;
}
.cont_content_one_news{
height: calc(100% - 340px);
}
/*.subscribe_type_txt .f-r{*/ /*.subscribe_type_txt .f-r{*/
/* color: #FF613A;*/ /* color: #FF613A;*/
/*}*/ /*}*/
.container_descript_one_news{
width: 100%;
overflow-wrap: break-word;
}

7
static/css/styles.css
View File

@@ -2633,7 +2633,7 @@ details[open] summary ~ *{
} }
.news_item { .news_item {
width: 413px; width: 48%;
margin-bottom: 2%; margin-bottom: 2%;
background-color: white; background-color: white;
filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20)); filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20));
@@ -2659,9 +2659,10 @@ details[open] summary ~ *{
.news_img>img{ .news_img>img{
object-fit: cover; object-fit: cover;
height: 240px; width: 100%;
width: 370px;
border-radius: 10px; border-radius: 10px;
aspect-ratio: 4 / 3;
max-height: 300px;
} }

32
templates/pages/p_main.html
View File

@@ -239,20 +239,30 @@
{##} {##}
{# {% endfor %}#} {# {% endfor %}#}
{# <div class="three_pinned_news">#} {# <div class="three_pinned_news">#}
<div class="news_block">
{% for art in articles %} {% for art in articles %}
<div class="news_item"> <a class="cont_one_news" href="{% url "article_one" art.url %}">
<a href="{% url "article_one" art.url %}"> <div class="cont_img_one_news">
<div class="news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div> <img class="img_one_news" src="{{ MEDIA_URL }}{{ art.picture }}">
<div class="news_header">{{ art.name }}</div> </div>
<div class="news_description"> <div class="cont_content_one_news">
{{ art.description|truncatechars:100 }} <div class="container_name_one_news">
<div class="news_gradient"></div> {{ art.name|truncatechars:100 }}
</div> </div>
</a> <div class="container_descript_one_news">
</div> {{ art.description|truncatechars:100 }}
</div>
{#<div>{{ art.text|safe }}</div>#} </div>
</a>
{% endfor %} {% endfor %}
</div>
{# {% url "article_one" art.url %}#}
{# {{ MEDIA_URL }}{{ art.picture }}#}
{# {{ art.description|truncatechars:100 }}#}
{# </div>#} {# </div>#}
</div> </div>