Commit d5898956 authored by Simonas's avatar Simonas

recommend component update

parent 1bb8a59c
...@@ -18,9 +18,18 @@ ...@@ -18,9 +18,18 @@
*/ */
// If this file is called directly, abort. // If this file is called directly, abort.
if ( ! defined( 'WPINC' ) ) die; if ( ! defined( 'WPINC' ) ) die;
global $recommendPage;
?> ?>
<div class="c-form--row c-form--row-sticky"> <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--fit" name="s" value="1"><?php _e('Apply', 'biuro-contacts'); ?></button>
<?php
if ($recommendPage):
?>
<a href="<?php echo $recommendPage; ?>" class="o-btn c-btn--slim c-btn--fit"><?php _e('Recommend a friend', 'biuro'); ?></a>
<?php
endif;
?>
</div><!-- .c-form--row --> </div><!-- .c-form--row -->
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
&:hover { background: var(--color--green-darker); border-color: var(--color--green-darker); } &:hover { background: var(--color--green-darker); border-color: var(--color--green-darker); }
} }
.c-btn--disabled { background: #6f7479; outline: none; pointer-events: none; user-select: none; .c-btn--disabled { background: #6f7479; border-color: #6f7479; outline: none; pointer-events: none; user-select: none;
&:hover { background: #6f7479; cursor: not-allowed; } &:hover { background: #6f7479; cursor: not-allowed; border-color: #6f7479;}
} }
.c-btn--vdb { color: #fff; background: #ff7046; .c-btn--vdb { color: #fff; background: #ff7046; border-color: #ff7046;
&:hover { background: #ff501d } &:hover { background: #ff501d; border-color: #ff501d; }
} }
.c-btn--alt { padding: 10px 15px; color: #004ED4; background: #e8f0ff; color: #004ED4; .c-btn--alt { padding: 10px 15px; color: #004ED4; background: #e8f0ff; color: #004ED4;
......
...@@ -72,10 +72,17 @@ ...@@ -72,10 +72,17 @@
.c-form--row { position: relative; margin-bottom: 20px; } .c-form--row { position: relative; margin-bottom: 20px; }
.c-form--row-sticky { .c-form--row-sticky { display: flex;
@media (--max--medium) { @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; 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;
} }
.o-btn {
&:nth-child(n+2) {
@media (--min--medium) {
display: none;
}
}
}
} }
.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; }
......
...@@ -2,7 +2,11 @@ ...@@ -2,7 +2,11 @@
/* critical:start */ /* critical:start */
.c-recommend { display: block; background-color: #3bacad; min-height: 170px; margin: 0 0 20px; padding: 20px; border-radius: 6px; text-decoration: none; } .c-recommend { display: block; background-color: #3bacad; min-height: 170px; margin: 0 10px 20px; padding: 20px; border-radius: 6px; text-decoration: none;
@media (--min--medium) {
margin: 0 0 20px;
}
}
.c-recommend--headline { display: block; color: #fff; max-width: 180px; margin-bottom: 20px; font-size: 21px; font-weight: 500; } .c-recommend--headline { display: block; color: #fff; max-width: 180px; margin-bottom: 20px; font-size: 21px; font-weight: 500; }
...@@ -23,21 +27,10 @@ ...@@ -23,21 +27,10 @@
} }
} }
/* @supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/recommend.webp) 1x)) {
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); } .c-recommend {
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/search-page.webp) 1x)) { &:before {
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); } background-image: url(/wp-content/themes/biuro/i/recommend.webp) ;
}*/ }
}
/* }
W: 320px H: 170px
Roboto 19px - Medium
Roboto 19px - Bold
Roboto 15px - Medium
Background: #3bacad
Simonas Čereška
*/
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.
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
<?php <?php
endif; endif;
?> ?>
<script src="/wp-content/themes/biuro/js/main.min.js" async></script> <script src="/wp-content/themes/biuro/js/main-bda32991.min.js" async></script>
<?php <?php
// global $time_start; // global $time_start;
......
...@@ -31,18 +31,18 @@ ...@@ -31,18 +31,18 @@
<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.min.css'; ?></style> <style><?php include 'css/core-86e15d5a72.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.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="preload" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com"> <link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<noscript> <noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css"> <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css">
</noscript> </noscript>
<?php wp_head(); ?> <?php wp_head(); ?>
......
...@@ -31,18 +31,18 @@ ...@@ -31,18 +31,18 @@
<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.min.css'; ?></style> <style><?php include 'css/core-86e15d5a72.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.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="preload" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com"> <link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<noscript> <noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css"> <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css">
</noscript> </noscript>
<?php wp_head(); ?> <?php wp_head(); ?>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
...@@ -181,24 +181,29 @@ get_header(); ...@@ -181,24 +181,29 @@ get_header();
<?php <?php
if (!is_array($pod->field( 'salary_from' )) && $pod->field( 'salary_from' ) > 0 || !is_array($pod->field( 'salary_to' )) && $pod->field( 'salary_to' ) > 0): if (!is_array($pod->field( 'salary_from' )) && $pod->field( 'salary_from' ) > 0 || !is_array($pod->field( 'salary_to' )) && $pod->field( 'salary_to' ) > 0):
if ($pod->field( 'salary_from' ) > 0): if ($pod->field( 'salary_from' ) > 0 || $pod->field( 'salary_to' ) > 0):
?> ?>
<b><?php _e('Salary from', 'biuro'); ?>:</b> <?php echo $pod->field( 'salary_from' ); ?> <b><?php _e('Salary', 'biuro'); ?>:</b>
<br>
<?php <?php
if ($pod->field( 'salary_from' ) > 0):
echo __('from', 'biuro') . ' ' .$pod->field( 'salary_from' );
endif; endif;
if ($pod->field( 'salary_to' ) > 0):
?> ?>
<b><?php _e('Salary to', 'biuro'); ?>:</b> <?php echo $pod->field( 'salary_to' ); ?>
<?php <?php
if ($pod->field( 'salary_to' ) > 0):
echo __('to', 'biuro') . ' ' . $pod->field( 'salary_to' );
endif; endif;
?>
<?php _e('(neto)', 'biuro'); ?>
<br>
<?php
endif;
endif; endif;
$validPosition = date_i18n( 'Y-m-d', strtotime( $pod->field( 'valid' ) ) ) >= date('Y-m-d') ? true : false; $validPosition = date_i18n( 'Y-m-d', strtotime( $pod->field( 'valid' ) ) ) >= date('Y-m-d') ? true : false;
?> ?>
<b><?php _e('Published', 'biuro'); ?>:</b> <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'post_date' ) ) ); ?>
<br>
<b><?php _e('Valid till', 'biuro'); ?>:</b> <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'valid' ) ) ); ?> <b><?php _e('Valid till', 'biuro'); ?>:</b> <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'valid' ) ) ); ?>
</div> </div>
...@@ -214,7 +219,6 @@ get_header(); ...@@ -214,7 +219,6 @@ get_header();
if ($recommendPage): if ($recommendPage):
?> ?>
<a href="<?php echo $recommendPage; ?>" class="o-btn c-btn--slim c-btn--fit"><?php _e('Recommend a friend', 'biuro'); ?></a> <a href="<?php echo $recommendPage; ?>" class="o-btn c-btn--slim c-btn--fit"><?php _e('Recommend a friend', 'biuro'); ?></a>
<!-- <button type="button" class="o-btn c-btn--main c-btn--fit" name="submit" value="1" data-id="action--form"><?php _e('Apply', 'biuro'); ?></button> -->
<?php <?php
endif; endif;
?> ?>
......
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