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

0.0.193 add header width 100%

Browse Source
This commit is contained in:
ArtemB
2023-11-02 13:09:44 +03:00
parent ed809290ca
commit e1846e0564
5 changed files with 133 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/css/mobile_styles.css
View File

@@ -111,7 +111,7 @@
} }
.mid_block_static{ .mid_block_static{
padding: 0; padding: 0;
margin: 120px 0; margin: 120px 0 40px;
width: 100%; width: 100%;
} }
.wrapper_tab_button{ .wrapper_tab_button{
@@ -119,6 +119,7 @@
} }
.benefit_img{ .benefit_img{
flex-wrap: wrap; flex-wrap: wrap;
text-align: center;
} }
.tab-btn-2{ .tab-btn-2{
margin: 0 0 5px 0; margin: 0 0 5px 0;
@@ -344,6 +345,21 @@
line-height: 22px; line-height: 22px;
width: 60%; width: 60%;
} }
.type_of_subscribes{
flex-direction: column;
align-items: center;
}
.subscribes_container{
width: 100%;
}
.container_subscribe{
margin: 0 auto;
width: unset;
}
/* for_customers*/ /* for_customers*/

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

@@ -1979,7 +1979,7 @@
.header_big_background{ .header_big_background{
height: 90px; height: 90px;
background: #F8F8F8; background: #F8F8F8;
width: 1280px; width: 100%;
position: absolute; position: absolute;
z-index: 3; z-index: 3;
} }

20
static/css/styles.css
View File

@@ -140,8 +140,8 @@ html, body{
} }
.wrapper_content { .wrapper_content {
margin: 55px auto;; margin: 55px auto;
/*padding: 40px 5px;*/ max-width: 1280px;
} }
@@ -490,6 +490,17 @@ header .header-first {
vertical-align: middle; vertical-align: middle;
} }
.header_logo>a,
.header_btn_mover>a,
.header_btn_sender>a{
color: #272424;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
/*.header_menu{*/ /*.header_menu{*/
/* display: none;*/ /* display: none;*/
/* max-height: 200px;*/ /* max-height: 200px;*/
@@ -683,6 +694,11 @@ span.btn_profile_name {
} }
#customer_service{ #customer_service{
margin-right: 35px; margin-right: 35px;
color: #272424;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
} }

187
templates/blocks/b_header.html
View File

@@ -3,117 +3,120 @@
<div class="header_big_background"> <div class="header_big_background">
</div> </div>
<header id="header_bg"> <header id="header_bg">
<div class="header-first"> <div class="wrapper_header_content">
<div class="header_logo"> <div class="header-first">
<a href="/"><img class="svg" src="/static/img/svg/Logo.svg"></a> <div class="header_logo">
</div> <a href="/"><img class="svg" src="/static/img/svg/Logo.svg"></a>
<div class="header_logo_mobile"> </div>
<a href="/"><img class="svg" src="/static/img/svg/LogoMobile.svg"></a> <div class="header_logo_mobile">
</div> <a href="/"><img class="svg" src="/static/img/svg/LogoMobile.svg"></a>
</div>
<div onclick="showMenu(this, event)" class="dropdown"> <div onclick="showMenu(this, event)" class="dropdown">
<img class="dropbtn" src="/static/img/svg/Menu.svg"> <img class="dropbtn" src="/static/img/svg/Menu.svg">
<div <div
onmouseleave="hideMenu(event)" onmouseleave="hideMenu(event)"
class="dropdown-content" class="dropdown-content"
> >
<a href="/">Главная</a> <a href="/">Главная</a>
<a href="{% url 'static_page' 'for_movers' %}">Для отправителя</a> <a href="{% url 'static_page' 'for_movers' %}">Для отправителя</a>
<a href="{% url 'static_page' 'for_customers' %}">Для перевозчика</a> <a href="{% url 'static_page' 'for_customers' %}">Для перевозчика</a>
<a href="{% url "static_page" "about_service" %}">О Trip With Bonus</a> <a href="{% url "static_page" "about_service" %}">О Trip With Bonus</a>
<a href="{% url 'static_page' 'contacts' %}">Контакты</a> <a href="{% url 'static_page' 'contacts' %}">Контакты</a>
<a href="{% url 'static_page' 'advertisement' %}">Реклама</a> <a href="{% url 'static_page' 'advertisement' %}">Реклама</a>
<a href="{% url "articles" %}">Новости</a> <a href="{% url "articles" %}">Новости</a>
<a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a> <a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
<a href="{% url "static_page" "partners" %}">Партнерам</a> <a href="{% url "static_page" "partners" %}">Партнерам</a>
</div>
</div>
<div class="header_btn_mover">
<a href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
</div>
<div class="header_btn_sender">
<a href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
</div>
</div>
<div class="header-second">
<div class="header-second-item-lang">
<div class="dropdown_lang">
<div id="dropbtn_lang" class="dropbtn_lang">RU</div>
<div class="dropdown-content-lang">
<a id="ru_lang" href="/ru{{ request.path|del_lang_from_path }}">RU</a>
<a id="en_lang" href="/en{{ request.path|del_lang_from_path }}">EN</a>
</div>
</div> </div>
</div> </div>
<div class="header-second-item">
<div class="header_btn_mover"> <img class="svg" src="/static/img/svg/Helpdesk_%20Icon.svg">
<a href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
</div> </div>
<div class="header_btn_sender"> <div class="header-second-item">
<a href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a> <a id="customer_service" href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
</div> </div>
</div> {% if user.is_authenticated %}
<div class="header-second"> {# boris changed #}
<div class="header-second-item-lang"> <div class="cont_header_btn_profile">
<div class="dropdown_lang"> <div class="button_profile_header" onclick="show_header_list()" data-user-id="{{ user.id }}">
<div id="dropbtn_lang" class="dropbtn_lang">RU</div>
<div class="dropdown-content-lang">
<a id="ru_lang" href="/ru{{ request.path|del_lang_from_path }}">RU</a>
<a id="en_lang" href="/en{{ request.path|del_lang_from_path }}">EN</a>
</div>
</div>
</div>
<div class="header-second-item">
<img class="svg" src="/static/img/svg/Helpdesk_%20Icon.svg">
</div>
<div class="header-second-item">
<a id="customer_service" href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
</div> <span class="btn_profile_name">
{{ user.first_name }} {{ user.last_name }}
</span>
<div class="icon_unread_messages" style="padding-top: 2px;padding-right: 13px;">
<div class="cost-messages-in-user-tab-messenger" style="background: #FFFFFF;">
<span class="unredmessages_value_text" style="padding-top: 2px;padding-left: 0; color: #000000;"></span>
</div>
</div>
</div>
<div class="button_profile_header_mobile" onclick="show_header_list()">
<img src="/static/img/svg/userMobile.svg" alt="">
</div>
{% if user.is_authenticated %} <div class="menu_profile_btn">
{# boris changed #} {% if user_subscribe %}<div class="subscribe_type_txt"><span class="f-l">Подписка:</span> <span class="f-r">{{ user_subscribe.subscribe.name }}</span><div class="clear_both"></div></div>{% endif %}
<div class="cont_header_btn_profile"> <a class="btn_menu_profile" href="{% url "user_profile" %}" >Перейти в профиль</a>
<div class="button_profile_header" onclick="show_header_list()" data-user-id="{{ user.id }}"> <a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
<span class="btn_profile_name"> <a class="btn_menu_profile" href="{% url 'profile_page' 'my_routes' %}" >Мои объявления</a>
{{ user.first_name }} {{ user.last_name }} <div class="separator_menu_profile"></div>
</span> <a href="/profile/logout" class="btn_menu_profile">Выйти из профиля</a>
<div class="icon_unread_messages" style="padding-top: 2px;padding-right: 13px;">
<div class="cost-messages-in-user-tab-messenger" style="background: #FFFFFF;">
<span class="unredmessages_value_text" style="padding-top: 2px;padding-left: 0; color: #000000;"></span>
</div>
</div> </div>
</div> </div>
{# end #}
{% endif %}
{% if not user.is_authenticated %}
<a
class="registration_button"
href="{% url "registration_page" %}">
Регистрация
</a>
<a
class="enter_button"
href="{% url "login_profile" %}">
Войти
</a>
<div class="button_profile_header_mobile" onclick="show_header_list()"> <div class="button_profile_header_mobile" onclick="show_header_list()">
<img src="/static/img/svg/userMobile.svg" alt=""> <img src="/static/img/svg/userMobile.svg" alt="">
</div> </div>
<div class="menu_profile_btn"> <div class="menu_profile_btn">
{% if user_subscribe %}<div class="subscribe_type_txt"><span class="f-l">Подписка:</span> <span class="f-r">{{ user_subscribe.subscribe.name }}</span><div class="clear_both"></div></div>{% endif %} <a class="btn_menu_profile" href="{% url "login_profile" %}" >Войти</a>
<a class="btn_menu_profile" href="{% url "user_profile" %}" >Перейти в профиль</a> <a class="btn_menu_profile" href="{% url "registration_page" %}">Регистрация</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'my_routes' %}" >Мои объявления</a>
<div class="separator_menu_profile"></div>
<a href="/profile/logout" class="btn_menu_profile">Выйти из профиля</a>
</div>
</div> </div>
{# end #}
{% endif %}
{% if not user.is_authenticated %}
<a
class="registration_button"
href="{% url "registration_page" %}">
Регистрация
</a>
<a
class="enter_button"
href="{% url "login_profile" %}">
Войти
</a>
<div class="button_profile_header_mobile" onclick="show_header_list()">
<img src="/static/img/svg/userMobile.svg" alt="">
</div>
<div class="menu_profile_btn">
<a class="btn_menu_profile" href="{% url "login_profile" %}" >Войти</a>
<a class="btn_menu_profile" href="{% url "registration_page" %}">Регистрация</a>
</div>
{% endif %} {% endif %}
</div>
<div class="clear_both"></div>
</div> </div>
<div class="clear_both"></div>
</header> </header>
<div class="line_f_header"></div> <div class="line_f_header"></div>

4
templates/tb_base.html
View File

@@ -52,7 +52,7 @@
{% endblock %} {% endblock %}
</head> </head>
<body> <body>
<div class="wrapper_main">
{% include 'blocks/b_header.html' %} {% include 'blocks/b_header.html' %}
<div class="wrapper_content"> <div class="wrapper_content">
@@ -61,7 +61,7 @@
</div> </div>
</div>
{% include 'blocks/b_footer.html' %} {% include 'blocks/b_footer.html' %}