Skip to content

D
dev.biuro
Commit 5a95ca66 authored by Simon's avatar Simon
Browse files
Options

in progress

parent ebac38b0
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 82 additions and 16 deletions
wp-content/themes/biuro/css/05-layout/_layout--aside.css
View file @ 5a95ca66
......@@ -36,12 +36,12 @@
.l-aside--search {
@media (--max--medium) {
display: none; position: fixed; top: 0; right: 0; width: 310px; padding-left: 40px; height: 100%; overflow: auto; z-index: 20;
&:before { content: ''; position: fixed; top: 0; width: 270px; right: 0; bottom: 0; background: #fff; }
display: none; position: fixed; top: 0; /* right: 0; */ width: 310px; /* padding-left: 40px; */ height: 100%; overflow: auto; z-index: 20;
&:before { content: ''; position: fixed; top: 0; width: 270px; /* right: 0; */ bottom: 0; background: #fff; }
}
}
.l-aside--close { position: fixed; top: 0; right: 265px; padding: 14px 17px; cursor: pointer;
.l-aside--close { position: fixed; top: 0; /* right: 265px; */ padding: 14px 17px; cursor: pointer;
@media (--min--medium) {
display: none;
}
......
wp-content/themes/biuro/css/07-components/_component--ico.css
View file @ 5a95ca66
......@@ -19,6 +19,14 @@
.c-ico--filter { float: left; margin: 3px 15px 0 3px; }
.c-ico--city { float: left; margin: 3px 15px 0 3px; }
.c-ico--city--job-section { float: left; margin: 0 13px 0 0; }
.c-ico--field--job-section { float: left; margin: 0 11px 0 0; width: 18px; height: 17px; }
.c-ico--type--job-section { float: left; margin: 0 13px 0 0; }
.c-ico--time { float: left; margin: 2px 16px 0 0; }
.c-ico--offer { float: left; margin: 1px 17px 0 0; }
......
wp-content/themes/biuro/css/08-states/__states.css
View file @ 5a95ca66
......@@ -14,5 +14,28 @@ is-, has-: Signify that the piece of UI in question is currently styled a certai
&:after { content: ''; position: fixed; opacity: 0.97; background-color: #2A3644; top: 0; left: 0; width: 100%; height: 100%; }
.c-jobs-section--content { max-height: 2000em; }
.c-jobs-section--expand { display: none; }
}
}
}
.is-aside--open-additional {
.l-aside--close { right: 265px; }
.l-aside--search { right: 0; padding-left: 40px;
&:before { right: 0; }
}
.c-jobs-section--city { display: none; }
}
.is-aside--open-city {
.l-aside--close { left: 265px; }
.l-aside--search { left: 0; padding-right: 40px;
&:before { left: 0; }
}
.c-jobs-section--additional { display: none; }
}
}
/*
.l-aside--search {
@media (--max--medium) {
display: none; position: fixed; top: 0; right: 0; width: 310px; padding-left: 40px; height: 100%; overflow: auto; z-index: 20;
&:before { content: ''; position: fixed; top: 0; width: 270px; right: 0; bottom: 0; background: #fff; }
}
}*/
wp-content/themes/biuro/css/core.min.css
View file @ 5a95ca66
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/biuro/css/main.min.css
View file @ 5a95ca66
This diff is collapsed.
wp-content/themes/biuro/css/main.min.css.map
View file @ 5a95ca66
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/biuro/js/main.js
View file @ 5a95ca66
......@@ -435,9 +435,29 @@ if (module.hot) {
});
document.querySelectorAll('.js-toggle--aside').forEach((node) => {
node.addEventListener('click', (e) => {
e.preventDefault();
document.body.classList.remove('is-aside--open');
document.body.classList.remove('is-aside--open-additional');
document.body.classList.remove('is-aside--open-city');
});
});
document.querySelectorAll('.js-toggle--aside-city').forEach((node) => {
node.addEventListener('click', (e) => {
e.preventDefault();
document.body.classList.add('is-aside--open');
document.body.classList.remove('is-aside--open-additional');
document.body.classList.add('is-aside--open-city');
});
});
document.querySelectorAll('.js-toggle--aside--additional').forEach((node) => {
node.addEventListener('click', (e) => {
e.preventDefault();
document.body.classList.toggle('is-aside--open');
document.body.classList.remove('is-aside--open-city');
document.body.classList.add('is-aside--open-additional');
});
});
......
wp-content/themes/biuro/js/main.min.js
View file @ 5a95ca66
This diff is collapsed.
wp-content/themes/biuro/search.php
View file @ 5a95ca66
......@@ -26,12 +26,12 @@ get_header(); ?>
</div>
<div class="c-search--filters">
<button class="js-toggle--aside o-btn c-btn--filter">
<svg width="17px" height="17px" class="c-ico--filter">
<use xlink:href="#ico--filter"></use>
<button class="js-toggle--aside-city o-btn c-btn--filter">
<svg width="16px" height="19px" class="c-ico--city">
<use xlink:href="#ico--city"></use>
</svg> <?php _e('City', 'biuro'); ?>
</button>
<button class="js-toggle--aside o-btn c-btn--filter">
<button class="js-toggle--aside--additional o-btn c-btn--filter">
<svg width="17px" height="17px" class="c-ico--filter">
<use xlink:href="#ico--filter"></use>
</svg> <?php _e('Other filters', 'biuro'); ?>
......
wp-content/themes/biuro/template-parts/layout/aside-job-list.php
View file @ 5a95ca66
......@@ -50,7 +50,13 @@ function getSiteTree($type, $section, $searchQuery, $term) {
$classCSS .= ($type == 'city') ? ' c-jobs-section--city' : ' c-jobs-section--additional';
echo '<div class="' . $classCSS . '">';
echo '<h3 class="c-jobs-section--heading">' . $section . '</h3>';
echo '<h3 class="c-jobs-section--heading">';
echo '<svg width="16px" height="19px" class="c-ico--' . $type . '--job-section">';
echo '<use href="#ico--' . $type . '"></use>';
echo '</svg>';
echo $section;
echo '</h3>';
echo '<div class="c-jobs-section--content">';
echo '<ul class="c-jobs-section--list">';
......
wp-content/themes/biuro/template-parts/svg/icons.php
View file @ 5a95ca66
......@@ -96,6 +96,15 @@
<path class="u-fill--inherit" d="M907.8,100.2l-346,380v419.7l-124.5-98.3v-322l-345-379.4H907.8 M907.8,17.9H92.2c-32.6,0-62,19.2-75.2,49c-13.2,29.8-7.5,64.5,14.4,88.6L355,511.3v290.2c0,25.2,11.5,49,31.3,64.6l124.5,98.3c14.8,11.7,32.8,17.7,51,17.7c12.2,0,24.5-2.7,35.9-8.2c28.4-13.7,46.4-42.5,46.4-74V512l324.6-356.5c21.9-24.1,27.6-58.8,14.4-88.6C969.8,37.1,940.3,17.9,907.8,17.9L907.8,17.9z"/>
</symbol>
<symbol id="ico--city">
<path class="u-fill--inherit" d="M4.5 5.453V4.047c0-.117.041-.217.123-.299a.407.407 0 01.299-.123h1.406c.117 0 .217.041.299.123a.407.407 0 01.123.299v1.406a.407.407 0 01-.123.299.407.407 0 01-.299.123H4.922a.407.407 0 01-.299-.123.407.407 0 01-.123-.299zm6.328.422H9.422a.407.407 0 01-.299-.123A.407.407 0 019 5.453V4.047c0-.117.041-.217.123-.299a.407.407 0 01.299-.123h1.406c.117 0 .217.041.299.123a.407.407 0 01.123.299v1.406a.407.407 0 01-.123.299.407.407 0 01-.299.123zm-4.5 3.375H4.922a.407.407 0 01-.299-.123.407.407 0 01-.123-.299V7.422c0-.117.041-.217.123-.299A.407.407 0 014.922 7h1.406c.117 0 .217.041.299.123a.407.407 0 01.123.299v1.406a.407.407 0 01-.123.299.407.407 0 01-.299.123zm4.5 0H9.422a.407.407 0 01-.299-.123A.407.407 0 019 8.828V7.422c0-.117.041-.217.123-.299A.407.407 0 019.422 7h1.406c.117 0 .217.041.299.123a.407.407 0 01.123.299v1.406a.407.407 0 01-.123.299.407.407 0 01-.299.123zM6.75 10.797v1.406a.407.407 0 01-.123.299.407.407 0 01-.299.123H4.922a.407.407 0 01-.299-.123.407.407 0 01-.123-.299v-1.406c0-.117.041-.217.123-.299a.407.407 0 01.299-.123h1.406c.117 0 .217.041.299.123a.407.407 0 01.123.299zm4.078 1.828H9.422a.407.407 0 01-.299-.123.407.407 0 01-.123-.299v-1.406c0-.117.041-.217.123-.299a.407.407 0 01.299-.123h1.406c.117 0 .217.041.299.123a.407.407 0 01.123.299v1.406a.407.407 0 01-.123.299.407.407 0 01-.299.123zm4.922 4.36v1.265H0v-1.266c0-.117.041-.216.123-.298a.407.407 0 01.299-.124h.703V1.094a.686.686 0 01.229-.598.873.873 0 01.615-.246h11.847c.211 0 .405.082.58.246a.686.686 0 01.229.598v15.468h.703c.117 0 .217.042.299.124a.407.407 0 01.123.298zm-12.938-.458H6.75v-2.355c0-.117.041-.217.123-.299a.407.407 0 01.299-.123h1.406c.117 0 .217.041.299.123a.407.407 0 01.123.299v2.355h3.973V1.973l-10.16-.035v14.59z" fill-rule="nonzero" />
</symbol>
<symbol id="ico--type">
<path class="u-fill--inherit" d="M5.203 10.375H3.797a.423.423 0 01-.422-.422V8.547c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422v1.406c0 .232-.19.422-.422.422zM9 9.953c0 .232-.19.422-.422.422H7.172a.423.423 0 01-.422-.422V8.547c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422v1.406zm3.375 0c0 .232-.19.422-.422.422h-1.406a.423.423 0 01-.422-.422V8.547c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422v1.406zM9 13.328c0 .232-.19.422-.422.422H7.172a.423.423 0 01-.422-.422v-1.406c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422v1.406zm-3.375 0c0 .232-.19.422-.422.422H3.797a.423.423 0 01-.422-.422v-1.406c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422v1.406zm6.75 0c0 .232-.19.422-.422.422h-1.406a.423.423 0 01-.422-.422v-1.406c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422v1.406zm3.375-9.14v12.374c0 .932-.756 1.688-1.688 1.688H1.687A1.688 1.688 0 010 16.562V4.188C0 3.256.756 2.5 1.687 2.5h1.688V.672c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422V2.5h4.5V.672c0-.232.19-.422.422-.422h1.406c.232 0 .422.19.422.422V2.5h1.687c.932 0 1.688.756 1.688 1.688zm-1.688 12.164V5.875H1.687v10.477c0 .116.095.21.211.21h11.954c.116 0 .21-.094.21-.21z" fill-rule="nonzero"/>
</symbol>
<symbol id="ico--field">
<path class="u-fill--inherit" d="M16.312 3.75c.932 0 1.688.756 1.688 1.688v9c0 .931-.756 1.687-1.688 1.687H1.687A1.687 1.687 0 010 14.438v-9C0 4.506.756 3.75 1.687 3.75H4.5V2.063c0-.932.756-1.688 1.687-1.688h5.625c.932 0 1.688.756 1.688 1.688V3.75h2.812zM6.187 2.063V3.75h5.625V2.063H6.187zM1.898 5.438a.211.211 0 00-.21.21V8.25h14.624V5.648a.211.211 0 00-.21-.21H1.898zm14.204 9c.116 0 .21-.095.21-.211v-4.29H11.25v.844a.844.844 0 01-.844.844H7.594a.844.844 0 01-.844-.844v-.843H1.687v4.289c0 .116.095.21.211.21h14.204z" fill-rule="nonzero"/>
</symbol>
......
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