Skip to content

Commit

Permalink
Вносит правки в проект
Browse files Browse the repository at this point in the history
  • Loading branch information
@brazilets
brazilets committed Apr 1, 2023
1 parent 3f29bfd commit 0589c27
Show file tree
Hide file tree
Showing 2 changed files with 74 additions and 35 deletions.
28 changes: 18 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ <h2 class="subscribe-title">Подпишитесь на рассылку</h2>

<div class="modal-container modal-container-close">
<div class="modal modal-search">
<button class="modal-close-button" type="button" alt="Модальное окно">
<button class="modal-close-button" type="button">
<span class="visually-hidden">Закрыть</span>
</button>
<section class="modal-content">
Expand All @@ -216,27 +216,35 @@ <h2 class="modal-title">Поиск гостиницы в Седоне</h2>
<div class="number-field-count">
<p class="field-group">
<label class="form-label form-label-adults" for="adults">Взрослые:</label>
<button class="number-field-min" type="button" alt="Меньше">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" fill="none"><path fill="#756157" fill-opacity=".3" d="M0 0v2h14V0H0Z"/></svg>
<button class="number-field-min" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" fill="none">
<path fill="" fill-opacity="" d="M0 0v2h14V0H0Z" />
</svg>
</button>
<input class="form-field number-field" type="number" id="adults" name="adults" value="2">
<button class="number-field-max" type="button" alt="Больше">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"><path fill="#756157" fill-opacity=".3" d="M14 6H8V0H6v6H0v2h6v6h2V8h6V6Z"/></svg>
<button class="number-field-max" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none">
<path fill="" fill-opacity="" d="M14 6H8V0H6v6H0v2h6v6h2V8h6V6Z" />
</svg>
</button>
</p>
<p class="field-group">
<label class="form-label form-label-children" for="children">Дети:</label>
<span class="tooltip">
<button class="tooltip-toggle" type="button" alt="Tooltip"></button>
<button class="tooltip-toggle" type="button"></button>
<span class="tooltip-text">Укажите количество детей, которые будут с вами, возраст которых от 6 до 18
лет. Дети до 6 лет размещаются бесплатно.</span>
</span>
<button class="number-field-min" type="button" alt="Меньше">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" fill="none"><path fill="#756157" fill-opacity=".3" d="M0 0v2h14V0H0Z"/></svg>
<button class="number-field-min" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" fill="none">
<path fill="" fill-opacity="" d="M0 0v2h14V0H0Z" />
</svg>
</button>
<input class="form-field number-field" type="number" id="children" name="children" value="2">
<button class="number-field-max" type="button" alt="Больше">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"><path fill="#756157" fill-opacity=".3" d="M14 6H8V0H6v6H0v2h6v6h2V8h6V6Z"/></svg>
<button class="number-field-max" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none">
<path fill="" fill-opacity="" d="M14 6H8V0H6v6H0v2h6v6h2V8h6V6Z" />
</svg>
</button>
</p>
</div>
Expand Down
81 changes: 56 additions & 25 deletions styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -306,7 +306,7 @@ body {

.advantages-title-subject {
color: #000000;
padding-top: 11;
padding-top: 11px;
}

.advanteges-container {
Expand Down Expand Up @@ -1423,9 +1423,9 @@ body {
z-index: 100;
}

/* .modal-container-close {
.modal-container-close {
display: none;
} */
}

.modal {
position: relative;
Expand All @@ -1434,7 +1434,6 @@ body {
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
border-radius: 30px;
width: 717px;
height: 576px;
}

.modal-content {
Expand Down Expand Up @@ -1495,20 +1494,19 @@ body {
font-weight: 700;
font-size: 20px;
line-height: 24px;
max-width: 120px;
cursor: pointer;
word-break: break-word;
}

form-label-adults {
margin-right: 2px;
}

.form-label-in {
margin-right: 24px;
cursor: pointer;
.form-label-adults.form-label {
max-width: 92px;
margin-right: 29px;
}

.form-label-out {
margin-right: 18px;
cursor: pointer;
.form-label-children.form-label {
max-width: 50px;
margin-right: 64px;
}

.form-message {
Expand Down Expand Up @@ -1536,6 +1534,7 @@ form-label-adults {
border-radius: 4px;
width: 420px;
border: none;
margin-left: auto;
}

.calendar-field:hover {
Expand All @@ -1545,12 +1544,16 @@ form-label-adults {

.calendar-field:focus {
background: #e6e6e6 url("../images/modal/modal-icon.svg") no-repeat center right 22px;
outline: solid #83b3d3;
outline: solid #000000;
font-weight: 700;
font-size: 18px;
line-height: 24px;
}

.calendar-field:placeholder-shown:focus {
outline: solid #83b3d3;
}

.calendar-field:active {
background: #f2f2f2 url("../images/modal/modal-icon.svg") no-repeat center right 22px;
outline: solid #000000;
Expand Down Expand Up @@ -1582,7 +1585,7 @@ form-label-adults {
background: #f2f2f2;
width: 40px;
height: 46px;
margin-left: 42px;
margin-left: 18px;
border-radius: 4px 0 0 4px;
border: none;
outline: none;
Expand All @@ -1593,18 +1596,25 @@ form-label-adults {
.number-field-min svg {
outline: none;
width: 14px;
fill: rgba(117, 97, 87, 0.3);
}

.number-field-min:hover svg {
fill: #000000;
}

.number-field-min:focus svg {
outline: 2px solid #83b3d3;
width: 14px;
padding: 8px 2px;
border-radius: 4px;
fill: #000000;
}

.form-label-children {
margin-left: 80px;
margin-right: 40px;
.number-field-min:active svg {
outline: none;
fill: #756157;
opacity: 0.3;
}

.number-field-max {
Expand All @@ -1618,10 +1628,25 @@ form-label-adults {
cursor: pointer;
}

.number-field-max svg {
fill: rgba(117, 97, 87, 0.3);
}

.number-field-max:hover svg {
fill: #000000;
}

.number-field-max:focus svg {
outline: 2px solid #83b3d3;
border-radius: 4px;
padding: 2px;
fill: #000000;
}

.number-field-max:active svg {
outline: none;
fill: #756157;
opacity: 0.3;
}

.number-field {
Expand All @@ -1638,10 +1663,16 @@ form-label-adults {
padding: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type="number"],
input[type="number"]:hover,
input[type="number"]:focus {
appearance: none;
-moz-appearance: textfield;
}

.modal-search-btn {
Expand Down Expand Up @@ -1678,7 +1709,7 @@ input::-webkit-inner-spin-button {

.tooltip {
margin-top: -7px;
margin-left: 135px;
margin-left: 105px;
width: 16px;
height: 16px;
position: absolute;
Expand All @@ -1691,8 +1722,8 @@ input::-webkit-inner-spin-button {
background: transparent;
padding: 0;
margin: 0;
margin-left: 2px;
margin-top: -2px;
margin-left: -46px;
margin-top: -3px;
background-image: url("../images/modal/tooltip-icon.svg");
width: 26px;
height: 26px;
Expand Down

0 comments on commit 0589c27

Please sign in to comment.