Commit 79926fef authored by Simon's avatar Simon

sticky buttons added

parent 8769cfaa
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
if ( ! defined( 'WPINC' ) ) die; if ( ! defined( 'WPINC' ) ) die;
?> ?>
<div class="c-form--row"> <div class="c-form--row c-form--row-sticky">
<button type="submit" class="o-btn c-btn--main c-btn--fill" name="s" value="1"><?php _e('Apply', 'biuro-contacts'); ?></button> <button type="submit" class="o-btn c-btn--main c-btn--fill" name="s" value="1"><?php _e('Apply', 'biuro-contacts'); ?></button>
</div><!-- .c-form--row --> </div><!-- .c-form--row -->
...@@ -8,6 +8,9 @@ ...@@ -8,6 +8,9 @@
} }
} }
.l-aside--position { background-color: #F6F9FF; .l-aside--position { background-color: #F6F9FF;
@media (--max--medium) {
padding-bottom: 50px;
}
@media (--min--medium) { @media (--min--medium) {
flex: 0 0 400px; padding: 70px 40px; flex: 0 0 400px; padding: 70px 40px;
} }
......
...@@ -3,6 +3,9 @@ ...@@ -3,6 +3,9 @@
/* critical:start */ /* critical:start */
.l-footer { background: var(--color--blue-dark); color: #fff; padding-top: 20px; .l-footer { background: var(--color--blue-dark); color: #fff; padding-top: 20px;
@media (--max--medium) {
padding-bottom: 30px;
}
@media (--min--medium) { @media (--min--medium) {
padding-top: 70px; padding-top: 70px;
} }
......
...@@ -18,6 +18,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp ...@@ -18,6 +18,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--data-controller.css'; @import '_component--data-controller.css';
@import '_component--divisions.css'; @import '_component--divisions.css';
@import '_component--feedbacks.css'; @import '_component--feedbacks.css';
@import '_component--footer-action.css';
@import '_component--footer-sections.css'; @import '_component--footer-sections.css';
@import '_component--footer-separator.css'; @import '_component--footer-separator.css';
@import '_component--form.css'; @import '_component--form.css';
......
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
} }
} }
.c-btn--footer { display: block; text-align: center; }
.c-btn--main { color: #fff; background: var(--color--green); .c-btn--main { color: #fff; background: var(--color--green);
&:hover { background: var(--color--green-darker); } &:hover { background: var(--color--green-darker); }
} }
......
/* ------------- Component: footer action ------------- */
/* critical:start */
.c-footer-action { position: fixed; right: 0; bottom: 0; left: 0; padding: 15px 23px; background: #fff; box-shadow: 0 1px 39px -23px #454C54; z-index: 90;
@media (--min--medium) {
display: none
}
}
/* critical:end */
...@@ -27,6 +27,12 @@ ...@@ -27,6 +27,12 @@
.c-form--row { position: relative; margin-bottom: 20px; } .c-form--row { position: relative; margin-bottom: 20px; }
.c-form--row-sticky {
@media (--max--medium) {
position: fixed; right: 0; bottom: 0; left: 0; margin: 0; padding: 15px 23px; background: #fff; box-shadow: 0 1px 39px -23px #454C54; z-index: 90;
}
}
.c-form--label { display: block; color: #2A3644; font-size: 15px; line-height: 18px; margin-bottom: 4px; font-weight: 500; } .c-form--label { display: block; color: #2A3644; font-size: 15px; line-height: 18px; margin-bottom: 4px; font-weight: 500; }
.c-form--input-wrap { } .c-form--input-wrap { }
......
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
...@@ -65,6 +65,55 @@ ...@@ -65,6 +65,55 @@
</footer><!-- .l-footer --> </footer><!-- .l-footer -->
<?php
global $post;
if ( get_post_type() == 'page'):
if ( get_post_meta( $post->ID, 'section', true) == 'employers'):
$contactsPage = new WP_Query( array(
'numberposts' => 1,
'post_type' => 'page',
'meta_key' => 'page',
'meta_value' => 'employers-contacts'
) );
if ( $contactsPage->have_posts() ) :
while( $contactsPage->have_posts() ) :
$contactsPage->the_post();
?>
<div class="c-footer-action">
<a href="<?php echo get_the_permalink(); ?>#action" class="o-btn c-btn--main c-btn--footer"><?php _e('Get an offer', 'biuro'); ?></a>
</div>
<?php
endwhile;
endif;
wp_reset_query();
else:
$contactsPage = new WP_Query( array(
'numberposts' => 1,
'post_type' => 'page',
'meta_key' => 'page',
'meta_value' => 'employees-contacts'
) );
if ( $contactsPage->have_posts() ) :
while( $contactsPage->have_posts() ) :
$contactsPage->the_post();
?>
<div class="c-footer-action">
<a href="<?php echo get_the_permalink(); ?>#action" class="o-btn c-btn--main c-btn--footer"><?php _e('Get a job offer', 'biuro'); ?></a>
</div>
<?php
endwhile;
endif;
wp_reset_query();
endif;
endif;
?>
<?php <?php
if ( is_active_sidebar( 'append_area' ) ) : if ( is_active_sidebar( 'append_area' ) ) :
dynamic_sidebar( 'append_area' ); dynamic_sidebar( 'append_area' );
...@@ -91,7 +140,7 @@ ...@@ -91,7 +140,7 @@
<?php <?php
endif; endif;
?> ?>
<script src="/wp-content/themes/biuro/js/main-ae0b33f0.min.js" async></script> <script src="/wp-content/themes/biuro/js/main.min.js" async></script>
<?php <?php
// global $time_start; // global $time_start;
......
...@@ -31,15 +31,15 @@ ...@@ -31,15 +31,15 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core-d05ad11b51.min.css'; ?></style> <style><?php include 'css/core.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main-37683f80cb.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<noscript> <noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-37683f80cb.min.css"> <link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
</noscript> </noscript>
<?php wp_head(); ?> <?php wp_head(); ?>
......
...@@ -31,15 +31,15 @@ ...@@ -31,15 +31,15 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core-d05ad11b51.min.css'; ?></style> <style><?php include 'css/core.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main-37683f80cb.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<noscript> <noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-37683f80cb.min.css"> <link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
</noscript> </noscript>
<?php wp_head(); ?> <?php wp_head(); ?>
...@@ -90,7 +90,6 @@ ...@@ -90,7 +90,6 @@
</svg> <?php echo $phoneUI; ?> </svg> <?php echo $phoneUI; ?>
</a> </a>
<?php <?php
global $post; global $post;
if ( get_post_meta( $post->ID, 'section', true) == 'employers'): if ( get_post_meta( $post->ID, 'section', true) == 'employers'):
...@@ -130,11 +129,11 @@ ...@@ -130,11 +129,11 @@
wp_reset_query(); wp_reset_query();
endif; endif;
?> ?>
<div class="c-nav--lang-wrap"> <div class="c-nav--lang-wrap">
<?php <?php
get_template_part( 'template-parts/menus/menu', 'language' ); get_template_part( 'template-parts/menus/menu', 'language' );
?> ?>
</div><!-- .c-nav--lang-wrap --> </div><!-- .c-nav--lang-wrap -->
<span class="js-toggle--nav l-nav--close"> <span class="js-toggle--nav l-nav--close">
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
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