Skip to content

A
Avalon
Commit c5f8ed9f authored by Sergey's avatar Sergey
Browse files
Options

Edits all pages is done

parent ae70c80a
Hide whitespace changes
Inline Side-by-side
Showing with 280 additions and 225 deletions
src/current-resume.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
......
src/favorites-vacancies-list.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
......
src/favorites-vacancies-map.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
......
src/index.html
View file @ c5f8ed9f
...@@ -37,6 +37,11 @@ ...@@ -37,6 +37,11 @@
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</a> </a>
</div> </div>
</div> </div>
......
src/js/main.js
View file @ c5f8ed9f
...@@ -9,43 +9,47 @@ import datepicker from 'js-datepicker'; ...@@ -9,43 +9,47 @@ import datepicker from 'js-datepicker';
var imgSvg = document.querySelectorAll('.img-svg'); var imgSvg = document.querySelectorAll('.img-svg');
for(var i = 0; i < imgSvg.length; i++) if(imgSvg.length)
{ {
var img = imgSvg[i]; for(var i = 0; i < imgSvg.length; i++)
var imgClass = img.getAttribute('class'); {
var imgUrl = img.getAttribute('src'); var img = imgSvg[i];
var imgClass = img.getAttribute('class');
var request = new XMLHttpRequest(); var imgUrl = img.getAttribute('src');
request.open('GET', imgUrl, false);
var request = new XMLHttpRequest();
request.onload = function() { request.open('GET', imgUrl, false);
if (this.status >= 200 && this.status < 400) {
// Success! request.onload = function() {
var data = this.response; if (this.status >= 200 && this.status < 400) {
var parser = new DOMParser(); // Success!
var htmlSvg = parser.parseFromString(data, 'text/html'); var data = this.response;
var svg = htmlSvg.querySelector('svg'); var parser = new DOMParser();
var htmlSvg = parser.parseFromString(data, 'text/html');
svg.setAttribute('class', 'img-svg'); var svg = htmlSvg.querySelector('svg');
console.log(svg);
svg.setAttribute('class', 'img-svg');
// img.replaceWith(svg); console.log(svg);
img.parentElement.insertBefore(svg, img);
img.parentElement.removeChild(img); // img.replaceWith(svg);
img.parentElement.insertBefore(svg, img);
} img.parentElement.removeChild(img);
else
{ }
console.log('error!'); else
} {
}; console.log('error!');
}
request.onerror = function(e) { };
console.log(e);
// There was a connection error of some sort request.onerror = function(e) {
}; console.log(e);
// There was a connection error of some sort
request.send(); };
request.send();
}
} }
// Слайдеры на главной // Слайдеры на главной
...@@ -134,51 +138,58 @@ $('.similar-vacancies-slider-wrapper').owlCarousel({ ...@@ -134,51 +138,58 @@ $('.similar-vacancies-slider-wrapper').owlCarousel({
// Аккордеон // Аккордеон
try let accordionContentBlock = document.querySelectorAll('.accordion-content-block');
if(accordionContentBlock.length)
{ {
let accordionContentBlock = document.querySelectorAll('.accordion-content-block'); accordionContentBlock.forEach((elem) =>
accordionContentBlock.forEach((elem) => {
elem.addEventListener('click', function(e)
{ {
elem.addEventListener('click', function(e) e.preventDefault();
{ elem.classList.toggle('accordion-content-block_hide');
e.preventDefault(); })
elem.classList.toggle('accordion-content-block_hide'); });
})
});
}
catch (e) {
console.log(e);
} }
// Проверка изображения в карточке статьи // Проверка изображения в карточке статьи
let articleBlocks = document.querySelectorAll('.article-block'); let articleBlocks = document.querySelectorAll('.article-block');
articleBlocks.forEach(article => { if(articleBlocks.length)
if(!article.querySelector('.article-block__image')) {
{ articleBlocks.forEach(article => {
article.querySelector('.article-block__content').style.height = '100%'; if(!article.querySelector('.article-block__image'))
} {
}); article.querySelector('.article-block__content').style.height = '100%';
}
});
}
// Кастомизированный селект // Кастомизированный селект
var elemsSelect = document.querySelectorAll('select'); var elemsSelect = document.querySelectorAll('select');
if(elemsSelect.length > 0) function initChoices(data)
{ {
elemsSelect.forEach(function(elem) if(data.length)
{ {
new Choices(elem, { data.forEach(function(elem)
choices: [], {
placeholder: true, new Choices(elem, {
searchEnabled: false, choices: [],
itemSelectText: '' placeholder: true,
searchEnabled: false,
itemSelectText: ''
});
}); });
}); }
} }
initChoices(elemsSelect);
// Определение прокрутки шапки и задание фиксированной шапки // Определение прокрутки шапки и задание фиксированной шапки
let headerHeight = document.querySelector('.header').clientHeight; let headerHeight = document.querySelector('.header').clientHeight;
...@@ -214,7 +225,7 @@ fixedAdaptiveHeader(headerScroll, headerHeight); ...@@ -214,7 +225,7 @@ fixedAdaptiveHeader(headerScroll, headerHeight);
var inputFile = document.querySelectorAll('input[type="file"]'); var inputFile = document.querySelectorAll('input[type="file"]');
if(inputFile.length > 0) if(inputFile.length)
{ {
inputFile.forEach(function(input) inputFile.forEach(function(input)
{ {
...@@ -234,7 +245,7 @@ if(inputFile.length > 0) ...@@ -234,7 +245,7 @@ if(inputFile.length > 0)
var tabs = document.querySelectorAll('.tabs'); var tabs = document.querySelectorAll('.tabs');
if(tabs.length > 0) if(tabs.length)
{ {
tabs.forEach(function(elem, index) tabs.forEach(function(elem, index)
{ {
...@@ -276,29 +287,37 @@ if(tabs.length > 0) ...@@ -276,29 +287,37 @@ if(tabs.length > 0)
} }
// Datapicker // Datapicker
let inputBirthday = document.querySelector('input[data-picker="datepicker"]'); let datepickerElems = document.querySelectorAll('input[data-picker="datepicker"]');
if(inputBirthday) function initDatepicker(data)
{ {
datepicker(inputBirthday, {
formatter: (input, date, instance) => if(data.length)
{
data.forEach(elem =>
{ {
const value = date.toLocaleDateString(); datepicker(elem, {
input.value = value; // => '1/1/2099' formatter: (input, date, instance) =>
}, {
startDay: 0, const value = date.toLocaleDateString();
customDays: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'], input.value = value; // => '1/1/2099'
customMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'], },
showAllDates: true, startDay: 0,
overlayButton: 'Выбрать', customDays: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'],
overlayPlaceholder: 'Укажите год' customMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
showAllDates: true,
}); overlayButton: 'Выбрать',
overlayPlaceholder: 'Укажите год'
});
});
}
} }
initDatepicker(datepickerElems);
// Карта // Карта
...@@ -655,7 +674,7 @@ if(radioShareVk && radioShareEmail) ...@@ -655,7 +674,7 @@ if(radioShareVk && radioShareEmail)
let togglePassword = document.querySelectorAll('.toggle-password'); let togglePassword = document.querySelectorAll('.toggle-password');
if(togglePassword.length > 0) if(togglePassword.length)
{ {
togglePassword.forEach(elem => togglePassword.forEach(elem =>
{ {
...@@ -672,7 +691,7 @@ if(togglePassword.length > 0) ...@@ -672,7 +691,7 @@ if(togglePassword.length > 0)
let resumesFeedback = document.querySelectorAll('.resumes-content-row-block.resumes-feedback-column p'); let resumesFeedback = document.querySelectorAll('.resumes-content-row-block.resumes-feedback-column p');
if(resumesFeedback.length > 0) if(resumesFeedback.length)
{ {
resumesFeedback.forEach(elem => { resumesFeedback.forEach(elem => {
elem.innerHTML === '0' ? elem.style.color = '#b7b6c3' : elem.style.borderBottom = '1px dashed currentColor'; elem.innerHTML === '0' ? elem.style.color = '#b7b6c3' : elem.style.borderBottom = '1px dashed currentColor';
...@@ -788,28 +807,32 @@ if(canvasAvatar) ...@@ -788,28 +807,32 @@ if(canvasAvatar)
// Выбор должности // Выбор должности
let position = document.querySelectorAll('select[data-position="choice-position"]'); let blockChoicePosition = document.querySelectorAll('.block-choice-position');
console.log(position);
if(position.length) function choicePosition(data)
{ {
position.forEach(elem => { if(data.length)
elem.addEventListener('change', () => { {
if(elem.value === 'other') data.forEach(elem => {
{ let select = elem.querySelector('select');
console.log(1); let input = elem.querySelector('input');
// elem.parentElement.parentElement.querySelectorAll('[data-position="other-position"]')[1].removeAttribute('disabled');
}
else
{
console.log(2);
// elem.parentElement.parentElement.querySelectorAll].setAttribute('disabled', 'disabled');
}
});
});
select.addEventListener('change', () => {
if(select.value === 'other')
{
input.removeAttribute('disabled');
}
else
{
input.setAttribute('disabled', 'disabled');
}
});
});
}
} }
choicePosition(blockChoicePosition);
// Добавить другой город // Добавить другой город
...@@ -833,32 +856,6 @@ if(addOtherCity.length) ...@@ -833,32 +856,6 @@ if(addOtherCity.length)
}); });
} }
// Начало и конец работы
let inputWork = document.querySelectorAll('.work-period__block input');
if(inputWork.length)
{
inputWork.forEach(elem =>
{
datepicker(elem, {
formatter: (input, date, instance) =>
{
const value = date.toLocaleDateString();
input.value = value; // => '1/1/2099'
},
startDay: 0,
customDays: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'],
customMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
showAllDates: true,
overlayButton: 'Выбрать',
overlayPlaceholder: 'Укажите год'
});
});
}
// Добавление места работы // Добавление места работы
let addPlaceWork = document.querySelectorAll('.add-place-work'); let addPlaceWork = document.querySelectorAll('.add-place-work');
...@@ -867,7 +864,8 @@ if(addPlaceWork.length) ...@@ -867,7 +864,8 @@ if(addPlaceWork.length)
{ {
let indexPlacework = 0; let indexPlacework = 0;
addPlaceWork.forEach(elem => { addPlaceWork.forEach(elem =>
{
elem.addEventListener('click', (e) => elem.addEventListener('click', (e) =>
{ {
e.preventDefault(); e.preventDefault();
...@@ -877,31 +875,31 @@ if(addPlaceWork.length) ...@@ -877,31 +875,31 @@ if(addPlaceWork.length)
let tempateForm = ` let tempateForm = `
<div class="data-form-experience"> <div class="data-form-experience">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="company">Компания</label> <label for="company${indexPlacework}">Компания</label>
<input type="text" name="company${indexPlacework}" id="company${indexPlacework}" placeholder="КОМПАНИЯ"> <input type="text" name="company${indexPlacework}" id="company${indexPlacework}" placeholder="КОМПАНИЯ">
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange block-choice-position">
<label for="position${indexPlacework}">Желаемая должность</label> <label for="position${indexPlacework}">Желаемая должность</label>
<select name="position${indexPlacework}" id="position${indexPlacework}" data-position="choice-position"> <select name="position${indexPlacework}" id="position${indexPlacework}">
<option value="1">Должность 1</option> <option value="1">Должность 1</option>
<option value="2">Должность 2</option> <option value="2">Должность 2</option>
<option value="3">Должность 3</option> <option value="3">Должность 3</option>
<option value="other">Другая</option> <option value="other">Другая</option>
</select> </select>
</div> <div class="block-mb-yellow">
<div class="block-mb-yellow"> <input type="text" name="other-position${indexPlacework}" id="other-position${indexPlacework}" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ">
<input type="text" name="other-position${indexPlacework}" id="other-position${indexPlacework}" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ"> </div>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<div class="work-period"> <div class="work-period">
<p>Период работы</p> <p>Период работы</p>
<div class="work-period__block"> <div class="work-period__block">
<p>с</p> <p>с</p>
<input type="text" name="start-work${indexPlacework}" id="start-work${indexPlacework}"> <input type="text" name="start-work${indexPlacework}" data-picker="datepicker" id="start-work${indexPlacework}">
</div> </div>
<div class="work-period__block"> <div class="work-period__block">
<p>по</p> <p>по</p>
<input type="text" name="end-work${indexPlacework}" id="end-work${indexPlacework}"> <input type="text" name="end-work${indexPlacework}" data-picker="datepicker" id="end-work${indexPlacework}">
</div> </div>
</div> </div>
</div> </div>
...@@ -930,7 +928,15 @@ if(addPlaceWork.length) ...@@ -930,7 +928,15 @@ if(addPlaceWork.length)
elem.parentElement.insertAdjacentHTML('beforebegin', tempateForm); elem.parentElement.insertAdjacentHTML('beforebegin', tempateForm);
let dataFormNew = document.querySelectorAll('.data-form-experience')[indexPlacework];
let datepickerElemsNew = dataFormNew.querySelectorAll('input[data-picker="datepicker"]');
let selectsNew = dataFormNew.querySelectorAll('select');
let blockChoicePositionNew = dataFormNew.querySelectorAll('.block-choice-position');
initDatepicker(datepickerElemsNew);
initChoices(selectsNew);
choicePosition(blockChoicePositionNew);
}); });
}); });
} }
......
src/my-resumes.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
......
src/post-resume-step1.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
...@@ -163,11 +163,11 @@ ...@@ -163,11 +163,11 @@
<div class="steps-post-resume"> <div class="steps-post-resume">
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 1. Личные данные</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 1. Личные данные</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 3. Опыт работы</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 3. Опыт работы</a>
</div> </div>
...@@ -175,20 +175,20 @@ ...@@ -175,20 +175,20 @@
<form action="" name="post-resume-step1" id="post-resume-step1"> <form action="" name="post-resume-step1" id="post-resume-step1">
<div class="container-compressed"> <div class="container-compressed">
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="name">Имя</label> <label for="name">Имя <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name" id="name"> <input type="text" placeholder="ИМЯ" name="name" id="name">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="sername">Фамилия</label> <label for="sername">Фамилия <span>*</span></label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername"> <input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="patronymic">Отчество</label> <label for="patronymic">Отчество <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic"> <input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="birthday">Дата рождения</label> <label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ"> <input type="text" name="birthday" id="birthday" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ">
</div> </div>
<div class="block-gender block-mb-green"> <div class="block-gender block-mb-green">
<p>Пол:</p> <p>Пол:</p>
...@@ -208,11 +208,15 @@ ...@@ -208,11 +208,15 @@
</div> </div>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="phone">Телефон</label> <label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7"> <input type="text" name="phone" id="phone" placeholder="+7">
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<label for="email">E-mail</label> <label for="phone-friend">Телефон близкого знакомого</label>
<input type="text" name="phone-friend" id="phone-friend" placeholder="+7">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
<input type="text" name="email" id="email" placeholder="E-MAIL"> <input type="text" name="email" id="email" placeholder="E-MAIL">
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange">
...@@ -220,7 +224,7 @@ ...@@ -220,7 +224,7 @@
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА"> <input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА">
</div> </div>
<p class="block-mb-green" style="font-size: 14px;">Начните вводить адрес и выберите подходящий из появившегося списка</p> <p class="block-mb-green" style="font-size: 14px;">Начните вводить адрес и выберите подходящий из появившегося списка</p>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p> <p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-blue" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p> <p class="block-mb-blue" style="font-size: 14px;">Нажимая кнопку «Далее», Вы даёте своё согласие на обработку персональных данных</p>
<div class="transfer-steps"> <div class="transfer-steps">
<button type="button" class="other-button disabled" id="prev-step-resume">Назад</button> <button type="button" class="other-button disabled" id="prev-step-resume">Назад</button>
......
src/post-resume-step2.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
...@@ -162,29 +162,29 @@ ...@@ -162,29 +162,29 @@
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="steps-post-resume"> <div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 1. Личные данные</a> <a href="#" class="steps-post-resume__step">Шаг 1. Личные данные</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step">Шаг 3. Опыт работы</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 3. Опыт работы</a>
</div> </div>
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="container-compressed"> <div class="container-compressed">
<form action="" name="post-resume-step2" id="post-resume-step2"> <form action="" name="post-resume-step2" id="post-resume-step2">
<div class="block-mb-orange"> <div class="block-mb-orange block-choice-position">
<label for="position">Желаемая должность</label> <label for="position">Желаемая должность <span>*</span></label>
<select name="position" id="position" data-position="choice-position"> <select name="position" id="position">
<option value="1">Должность 1</option> <option value="1">Должность 1</option>
<option value="2">Должность 2</option> <option value="2">Должность 2</option>
<option value="3">Должность 3</option> <option value="3">Должность 3</option>
<option value="other">Другая</option> <option value="other">Другая</option>
</select> </select>
</div> <div class="block-mb-yellow">
<div class="block-mb-yellow"> <input type="text" name="other-position" id="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
<input type="text" name="other-position" id="other-position" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled> </div>
</div> </div>
<div class="block-mb-green"> <div class="block-mb-green">
<label for="desired-salary">Желаемая зарплата, руб</label> <label for="desired-salary">Желаемая зарплата, руб</label>
...@@ -443,7 +443,7 @@ ...@@ -443,7 +443,7 @@
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<div class="block-post-resume__name"> <div class="block-post-resume__name">
<p>Способ связи:</p> <p>Способ связи <span>*</span>:</p>
</div> </div>
</div> </div>
<div class="col-8"> <div class="col-8">
......
src/post-resume-step3.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
...@@ -162,14 +162,14 @@ ...@@ -162,14 +162,14 @@
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="steps-post-resume"> <div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 3. Опыт работы</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 3. Опыт работы</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step">Шаг 4. Моё резюме</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_disabled">Шаг 4. Моё резюме</a>
</div> </div>
<div class="block-mt-blue"> <div class="block-mt-blue">
<div class="container-compressed"> <div class="container-compressed">
...@@ -187,28 +187,28 @@ ...@@ -187,28 +187,28 @@
<label for="company">Компания</label> <label for="company">Компания</label>
<input type="text" name="company" id="company" placeholder="КОМПАНИЯ"> <input type="text" name="company" id="company" placeholder="КОМПАНИЯ">
</div> </div>
<div class="block-mb-orange"> <div class="block-mb-orange block-choice-position">
<label for="position">Желаемая должность</label> <label for="position">Желаемая должность</label>
<select name="position" id="position" data-position="choice-position"> <select name="position" id="position">
<option value="1">Должность 1</option> <option value="1">Должность 1</option>
<option value="2">Должность 2</option> <option value="2">Должность 2</option>
<option value="3">Должность 3</option> <option value="3">Должность 3</option>
<option value="other">Другая</option> <option value="other">Другая</option>
</select> </select>
</div> <div class="block-mb-yellow">
<div class="block-mb-yellow"> <input type="text" name="other-position" id="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled>
<input type="text" name="other-position" id="other-position" data-position="other-position" placeholder="ЖЕЛАЕМАЯ ДОЛЖНОСТЬ" disabled> </div>
</div> </div>
<div class="block-mb-yellow"> <div class="block-mb-yellow">
<div class="work-period"> <div class="work-period">
<p>Период работы</p> <p>Период работы</p>
<div class="work-period__block"> <div class="work-period__block">
<p>с</p> <p>с</p>
<input type="text" name="start-work" id="start-work"> <input type="text" name="start-work" data-picker="datepicker" id="start-work">
</div> </div>
<div class="work-period__block"> <div class="work-period__block">
<p>по</p> <p>по</p>
<input type="text" name="end-work" id="end-work"> <input type="text" name="end-work" data-picker="datepicker" id="end-work">
</div> </div>
</div> </div>
</div> </div>
......
src/post-resume-step4.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume current-ref"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
...@@ -160,12 +160,12 @@ ...@@ -160,12 +160,12 @@
<div class="post-resume"> <div class="post-resume">
<div class="steps-post-resume"> <div class="steps-post-resume">
<a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a> <a href="#" class="steps-post-resume__step">Шаг 2. Пожелания к работе</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step">Шаг 3. Опыт работы</a> <a href="#" class="steps-post-resume__step">Шаг 3. Опыт работы</a>
<div class="steps-post-resume__arrow"> <div class="steps-post-resume__arrow steps-post-resume__arrow_passed">
<img src="./img/arrow_step.svg" alt=""> <img class="img-svg" src="./img/arrow_step.svg" alt="">
</div> </div>
<a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 4. Моё резюме</a> <a href="#" class="steps-post-resume__step steps-post-resume__step_current">Шаг 4. Моё резюме</a>
</div> </div>
......
src/profile-editing.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
......
src/profile.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
......
src/response-resume.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
......
src/response-vacancy.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
......
src/response.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,11 +145,11 @@ ...@@ -145,11 +145,11 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_subscribe.svg" alt=""> <img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка Подписка
</a> </a>
...@@ -195,7 +195,7 @@ ...@@ -195,7 +195,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
...@@ -210,7 +210,7 @@ ...@@ -210,7 +210,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
...@@ -225,7 +225,7 @@ ...@@ -225,7 +225,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
...@@ -264,7 +264,7 @@ ...@@ -264,7 +264,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
...@@ -279,7 +279,7 @@ ...@@ -279,7 +279,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
...@@ -294,7 +294,7 @@ ...@@ -294,7 +294,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
...@@ -309,7 +309,7 @@ ...@@ -309,7 +309,7 @@
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img src="./img/icon_response.svg" alt="">
</a> </a>
</div> </div>
</div> </div>
......
src/scss/style.scss
View file @ c5f8ed9f
...@@ -417,7 +417,8 @@ input[type="text"]:disabled, input[type="password"]:disabled ...@@ -417,7 +417,8 @@ input[type="text"]:disabled, input[type="password"]:disabled
input[data-picker="datepicker"] input[data-picker="datepicker"]
{ {
background-image: url(../img/icon_datepicker.svg); background-image: url(../img/icon_datepicker.svg);
background-position: 97%; background-position: 96%;
// background-position: 174px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
...@@ -1031,13 +1032,48 @@ textarea:focus ...@@ -1031,13 +1032,48 @@ textarea:focus
} }
.prompt
{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
transition: .3s;
opacity: 0;
z-index: -1;
a
{
display: block;
font-family: Montserrat Bold;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
}
// Шапка // Шапка
.header .header
{ {
// a
// {
// position: relative;
// display: flex;
// }
// a:hover .prompt
// {
// opacity: 1;
// z-index: 3;
// }
&-top &-top
{ {
padding-top: 22px; padding-top: 22px;
...@@ -1309,6 +1345,7 @@ textarea:focus ...@@ -1309,6 +1345,7 @@ textarea:focus
} }
} }
.feedback:after .feedback:after
{ {
content: attr(data-count); content: attr(data-count);
...@@ -3798,11 +3835,6 @@ input[type="submit"] ...@@ -3798,11 +3835,6 @@ input[type="submit"]
// Страница Избранное - Список // Страница Избранное - Список
// .favorites-vacancies-ref
// {
// width: max-content;
// margin-bottom: 32px;
// }
.favorites-list .favorites-list
{ {
...@@ -4016,6 +4048,7 @@ input[type="submit"] ...@@ -4016,6 +4048,7 @@ input[type="submit"]
.other-position .other-position
{ {
display: flex; display: flex;
align-items: flex-start;
.button-text .button-text
{ {
margin-left: 12px; margin-left: 12px;
...@@ -4073,19 +4106,25 @@ input[type="submit"] ...@@ -4073,19 +4106,25 @@ input[type="submit"]
margin-left: 60px; margin-left: 60px;
margin-right: 60px; margin-right: 60px;
} }
&__arrow_passed
{
.img-svg path
{
fill: $color-primary;
}
}
&__step &__step
{ {
font-family: Montserrat Bold; font-family: Montserrat Bold;
font-size: 15px; font-size: 15px;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
line-height: normal; line-height: normal;
letter-spacing: normal; letter-spacing: normal;
color: $color-disabled;
text-transform: uppercase; text-transform: uppercase;
border: 0; border: 0;
transition: .3s; transition: .3s;
color: $color-ref;
} }
&__step:hover &__step:hover
{ {
...@@ -4099,6 +4138,7 @@ input[type="submit"] ...@@ -4099,6 +4138,7 @@ input[type="submit"]
&__step_disabled &__step_disabled
{ {
pointer-events: none; pointer-events: none;
color: $color-disabled;
} }
} }
form form
......
src/subscription.html
View file @ c5f8ed9f
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<img class="img-svg" src="./img/icon_my_resumes.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои резюме Мои резюме
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
<img class="img-svg" src="./img/icon_feedback.svg" alt=""> <img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики Отклики
</a> </a>
<a href="#" class="button-text favorites"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt=""> <img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное Избранное
</a> </a>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment