This commit is contained in:
222
crm/default.css
222
crm/default.css
@ -40,6 +40,8 @@ p {
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
max-width: 1600px;
|
||||
margin: 0 auto;
|
||||
@ -120,6 +122,7 @@ h3 {
|
||||
}
|
||||
|
||||
.hero__search-icon {
|
||||
padding: 0;
|
||||
display: none;
|
||||
background-color: rgba(35, 50, 85, 100);
|
||||
flex-shrink: 0;
|
||||
@ -146,13 +149,14 @@ h3 {
|
||||
.search-form__label span {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
top: 50%;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
transform: translateY(-50%);
|
||||
background: url("search.svg") no-repeat center center;
|
||||
text-align: center;
|
||||
background: url('search.svg') no-repeat;
|
||||
}
|
||||
|
||||
.search-form__label.cross span {
|
||||
@ -169,11 +173,6 @@ h3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero__search form {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 91px;
|
||||
}
|
||||
|
||||
input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
width: 789px;
|
||||
position: relative;
|
||||
@ -283,7 +282,6 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
display: block;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.header__navi ul {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
@ -297,7 +295,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
}
|
||||
|
||||
.header__navi ul li + li {
|
||||
margin-right: 32px;
|
||||
margin-right: 36px;
|
||||
}
|
||||
|
||||
.link-active__square-1 {
|
||||
@ -424,9 +422,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
|
||||
.hero__search-form {
|
||||
flex: 1 1 auto;
|
||||
max-width: 520px;
|
||||
padding-left: 30px;
|
||||
margin-left: 64px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-form__input,
|
||||
@ -440,32 +436,142 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
.mob {
|
||||
display: none;
|
||||
}
|
||||
.nav-wrap {
|
||||
position: relative;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
.nav-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.header__navi {
|
||||
display: flex;
|
||||
order: revert;
|
||||
margin-left: auto;
|
||||
position: relative;
|
||||
justify-content: end;
|
||||
flex-direction: row-reverse;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.header__navi {
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
justify-content: end;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
.header__navi ul li a {
|
||||
line-height: 21px;
|
||||
}
|
||||
.hero__search-form {
|
||||
flex: 1 1 auto;
|
||||
width: 100%;
|
||||
max-width: 520px;
|
||||
|
||||
}
|
||||
.sidebar__wrapper {
|
||||
position: sticky;
|
||||
top: 80px;
|
||||
/*display: flex; */
|
||||
transition: top 0.2s linear;
|
||||
}
|
||||
|
||||
.hero__search {
|
||||
display: flex; justify-content: end; width: 100%; border-radius: 8px;
|
||||
}
|
||||
.--header-hidden .sidebar__wrapper {
|
||||
top: 0;
|
||||
max-height: 100svh;
|
||||
}
|
||||
@media (min-width: 1101px) {
|
||||
.search-form {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.header__navi {
|
||||
padding-left: 8px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.hero-wrap {
|
||||
width: 100%;
|
||||
max-width: 520px;
|
||||
padding-left: 30px;
|
||||
margin-left: 55px;
|
||||
margin-right: 60px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.hero-wrap {
|
||||
display: flex; justify-content: end; width: 100%;
|
||||
}
|
||||
.hero__search-form {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding-left: 8px;
|
||||
padding-right: 0;
|
||||
display: flex;
|
||||
width: 0; /* Начальная ширина 0 */
|
||||
max-width: 100%;
|
||||
z-index: 10;
|
||||
overflow: hidden; /* Скрываем содержимое, когда форма свернута */
|
||||
transition: width 0.35s cubic-bezier(0.77, 0.2, 0.05, 1),
|
||||
background 0.35s cubic-bezier(0.77, 0.2, 0.05, 1);
|
||||
}
|
||||
.search-form__label span {
|
||||
background: url('Union.svg') no-repeat;
|
||||
}
|
||||
.hero__search-form.mobsearch {
|
||||
width: 100%; /* Полная ширина при активации */
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 900px) and (max-width: 1100px) {
|
||||
.search-form {
|
||||
width: 100%;
|
||||
}
|
||||
.search-form__label span {
|
||||
background: url('Union.svg') no-repeat;
|
||||
}
|
||||
.search-form__input{
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.hero__search-form {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
right: 0;
|
||||
padding-left: 8px;
|
||||
padding-right: 0;
|
||||
display: flex;
|
||||
width: 0; /* Начальная ширина 0 */
|
||||
max-width: 100%;
|
||||
z-index: 10;
|
||||
overflow: hidden; /* Скрываем содержимое, когда форма свернута */
|
||||
transition: width 0.35s cubic-bezier(0.77, 0.2, 0.05, 1),
|
||||
background 0.35s cubic-bezier(0.77, 0.2, 0.05, 1);
|
||||
}
|
||||
.hero__search-form.mobsearch {
|
||||
width: 100%; /* Полная ширина при активации */
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.search-form.mobsearch .search-form__input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-form__input.mobsearch {
|
||||
border: 1px solid #e2e2e2;
|
||||
padding: 10px 15px 10px 17px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
@ -522,6 +628,9 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
}
|
||||
|
||||
.header__navi {
|
||||
display: flex;
|
||||
}
|
||||
.header__navi ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -551,10 +660,6 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.header__navi {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.header__list {
|
||||
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
@ -621,7 +726,6 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
}
|
||||
|
||||
.hero__search {
|
||||
margin-top: -1px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -632,13 +736,13 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
}
|
||||
|
||||
.hero__search-icon {
|
||||
width: 18px;
|
||||
height: 20px; !important;
|
||||
display: block;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.hero__side-icon {
|
||||
display: block;
|
||||
padding-top: 8px;
|
||||
display: flex;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
@ -647,24 +751,6 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.hero__search-form,
|
||||
.header .ya-site-form {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 72px;
|
||||
padding: 12px 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
z-index: 1;
|
||||
transform: translateY(-100%);
|
||||
transition: transform 0.1s cubic-bezier(0.77, 0.2, 0.05, 1),
|
||||
background 0.1s cubic-bezier(0.77, 0.2, 0.05, 1);
|
||||
}
|
||||
|
||||
.hero__search-form.show-search-panel,
|
||||
.ya-site-form.show-search-panel {
|
||||
transform: none;
|
||||
@ -694,51 +780,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
max-width: clac(100% - 30px);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1100px) {
|
||||
.search-form {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-form-input{
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.hero-search-form {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
transform: translateX(0);
|
||||
height: 76px;
|
||||
padding: 0;
|
||||
align-items: center;
|
||||
max-width: 0;
|
||||
z-index: 1;
|
||||
right: 0;
|
||||
left: auto;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
transition: width 0.5s ease-in-out,
|
||||
max-width 0.5s ease-in-out,
|
||||
transform 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.hero-search-form.mobsearch {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.search-form.mobsearch .search-form-input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-form-input.mobsearch {
|
||||
border: 1px solid #e2e2e2;
|
||||
padding: 10px 15px 10px 17px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.hero-search-form {
|
||||
@ -757,6 +799,8 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
}
|
||||
@media (min-width: 900px) and (max-width: 1100px) {
|
||||
.hero__search-icon {
|
||||
width: 18px;
|
||||
height: 20px; !important;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user