TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

123

This commit is contained in:
= 2021-06-02 16:37:23 +05:00
parent dcd453932e
commit 2698fc22b2
5 changed files with 50 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
themes/modern2/assets/css/components/2-layout/header.scss
View File

@ -69,3 +69,6 @@
display: none;
}
}
.mobileSearch {
display: block;
}

1
themes/modern2/assets/css/components/2-layout/responsive.scss
View File

@ -227,6 +227,7 @@
}
.search {
&Modal {
display: block;
@include transition;
position: fixed;
z-index: 1000;

5
themes/modern2/assets/css/main.css
View File

@ -190,6 +190,10 @@ li {
display: none;
}
.mobileSearch {
display: block;
}
.footer {
background: #242424;
padding: 30px 0;
@ -2231,6 +2235,7 @@ li {
}
.searchModal {
display: block;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
position: fixed;

39
themes/modern2/pages/index.htm
View File

@ -140,44 +140,7 @@ random = 0
</div>
</div>
</section>
<div class="searchModal" id="searchModal">
<div class="searchModal__inner">
<div class="searchClose" id="searchClose">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492 492"
style="enable-background:new 0 0 492 492;" xml:space="preserve">
<g>
<g>
<path d="M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872
c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872
c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052
L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116
c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952
c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116
c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z" />
</g>
</g>
</svg>
</div>
<div class="searchLogo">
<img src="{{'assets/images/logo.svg'|theme}}" alt="orient logo">
</div>
<form class="searchInput" action="{{ 'search' | page }}" method="get">
<input type="searh" name="q" placeholder="{{'page.search'|_}}">
<button class="searchInput__btn">
<svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414" viewBox="0 0 20.414 20.414">
<g id="Иконка_Поиск_" data-name="Иконка (Поиск)" transform="translate(1 1)">
<circle id="Ellipse_1" data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none" stroke="#242424"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
<line id="Line_1" data-name="Line 1" x1="4.35" y1="4.35" transform="translate(13.65 13.65)"
fill="none" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
</g>
</svg>
</button>
</form>
</div>
</div>
<!-- main end
================================================ -->

42
themes/modern2/partials/header.htm
View File

@ -9,8 +9,8 @@ type = "single"
random = 0
==
<div class="main__banner" style="margin-bottom: 0;">
{% component 'adverts'%}
</div>
{% component 'adverts'%}
</div>
<!-- header start
================================================-->
<header class="header">
@ -72,6 +72,44 @@ random = 0
</button>
</div>
</div>
<div class="searchModal" id="searchModal">
<div class="searchModal__inner">
<div class="searchClose" id="searchClose">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492 492"
style="enable-background:new 0 0 492 492;" xml:space="preserve">
<g>
<g>
<path d="M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872
c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872
c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052
L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116
c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952
c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116
c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z" />
</g>
</g>
</svg>
</div>
<div class="searchLogo">
<img src="{{'assets/images/logo.svg'|theme}}" alt="orient logo">
</div>
<form class="searchInput" action="{{ 'search' | page }}" method="get">
<input type="searh" name="q" placeholder="{{'page.search'|_}}">
<button class="searchInput__btn">
<svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414" viewBox="0 0 20.414 20.414">
<g id="Иконка_Поиск_" data-name="Иконка (Поиск)" transform="translate(1 1)">
<circle id="Ellipse_1" data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none"
stroke="#242424" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
<line id="Line_1" data-name="Line 1" x1="4.35" y1="4.35" transform="translate(13.65 13.65)"
fill="none" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
</g>
</svg>
</button>
</form>
</div>
</div>
</header>
<section class="subheader">
<div class="auto__container">