This commit is contained in:
@ -41,7 +41,6 @@ p {
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
max-width: 1600px;
|
||||
margin: 0 auto;
|
||||
@ -150,7 +149,7 @@ h3 {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
top: 12px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
@ -287,6 +286,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.header__navi ul li {
|
||||
@ -295,7 +295,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
}
|
||||
|
||||
.header__navi ul li + li {
|
||||
margin-right: 36px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
.link-active__square-1 {
|
||||
@ -486,6 +486,9 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
.hero__search {
|
||||
display: flex; justify-content: end; width: 100%; border-radius: 8px;
|
||||
}
|
||||
.hero__search a {
|
||||
display: none;
|
||||
}
|
||||
.--header-hidden .sidebar__wrapper {
|
||||
top: 0;
|
||||
max-height: 100svh;
|
||||
@ -504,22 +507,30 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
max-width: 520px;
|
||||
padding-left: 30px;
|
||||
margin-left: 55px;
|
||||
margin-right: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1100px) {
|
||||
.search-form__label span{
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.hero-wrap {
|
||||
display: flex; justify-content: end; width: 100%;
|
||||
display: flex; justify-content: end; width: 100%; align-items: center;
|
||||
}
|
||||
.hero__search-form {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding-left: 8px;
|
||||
top: 3px;
|
||||
padding-right: 0;
|
||||
display: flex;
|
||||
width: 0; /* Начальная ширина 0 */
|
||||
max-width: 100%;
|
||||
z-index: 10;
|
||||
padding-left: 0;
|
||||
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);
|
||||
@ -531,6 +542,14 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
width: 100%; /* Полная ширина при активации */
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.hero__search a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sidebar__header a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media (min-width: 900px) and (max-width: 1100px) {
|
||||
.search-form {
|
||||
@ -546,7 +565,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
|
||||
.hero__search-form {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
top: -3px;
|
||||
right: 0;
|
||||
padding-left: 8px;
|
||||
padding-right: 0;
|
||||
@ -588,6 +607,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
|
||||
.article {
|
||||
padding-left: 0;
|
||||
padding-top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -619,6 +639,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
}
|
||||
.header__logo {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__logo img {
|
||||
@ -652,7 +673,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
|
||||
.header .container {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 11px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.header__logo img {
|
||||
@ -744,6 +765,10 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
|
||||
.hero__side-icon {
|
||||
display: flex;
|
||||
margin-left: 17px;
|
||||
flex-shrink: 0;
|
||||
width: 22px;
|
||||
height: 18px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.hero__search form::before {
|
||||
|
Reference in New Issue
Block a user