xarxaprod
/
oficinasuport-wp-theme
3
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled search in faqs one row with tags

This commit is contained in:
jorge 2023-04-11 20:50:10 +02:00
parent 510f74d26d
commit 660099deff
9 changed files with 41 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
adminstyles.css
View File

@ -1378,8 +1378,18 @@ Add your custom styles in this file so it is easier to update the theme.
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }
.edit-post-visual-editor__content-area .ofisuport-faqs-types { .edit-post-visual-editor__content-area .ofisuport-faqs-aside {
margin: 1em 0; display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.edit-post-visual-editor__content-area .ofisuport-faqs-aside .ofisuport-search-form:hover,
.edit-post-visual-editor__content-area .ofisuport-faqs-aside .ofisuport-search-form:active,
.edit-post-visual-editor__content-area .ofisuport-faqs-aside .ofisuport-search-form:focus,
.edit-post-visual-editor__content-area .ofisuport-faqs-aside .ofisuport-search-form:target {
flex-grow: 1;
} }
} }

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

2
inc/template-functions.php
View File

@ -123,7 +123,6 @@ if ( ! function_exists( 'ofisuport_display_faq_search' ) ) :
// https://developer.wordpress.org/reference/functions/get_search_form/#comment-369 // https://developer.wordpress.org/reference/functions/get_search_form/#comment-369
// https://wordpress.stackexchange.com/questions/313037/restrict-a-search-to-a-custom-post-type // https://wordpress.stackexchange.com/questions/313037/restrict-a-search-to-a-custom-post-type
?> ?>
<aside id="search-form-faqs" class="ofisuport-search-faqs">
<form class="ofisuport-search-form" role="search" method="get" action="/"> <form class="ofisuport-search-form" role="search" method="get" action="/">
<label class="screen-reader-text" for="search">Search in ajuts</label> <label class="screen-reader-text" for="search">Search in ajuts</label>
<input type="search" id="search" class="search-field" placeholder="cerca faqs..." value="<?php the_search_query();?>" name="s" /> <input type="search" id="search" class="search-field" placeholder="cerca faqs..." value="<?php the_search_query();?>" name="s" />
@ -132,7 +131,6 @@ if ( ! function_exists( 'ofisuport_display_faq_search' ) ) :
<input type="hidden" value="posts" name="post_type" id="post_type" /> <input type="hidden" value="posts" name="post_type" id="post_type" />
<input type="hidden" value="faq" name="category_name" id="category_name" /> <input type="hidden" value="faq" name="category_name" id="category_name" />
</form> </form>
</aside>
<?php <?php
} }
endif; //end ofisuport_display_each_faq_categories endif; //end ofisuport_display_each_faq_categories

4
page-templates/faqs-page.php
View File

@ -41,12 +41,12 @@ get_header();
endif; endif;
?> ?>
<aside id="ofisuport-faqs-nav" class="ofisuport-faqs-aside">
<?php //if( in_category('faq') ) : ?> <?php //if( in_category('faq') ) : ?>
<?php ofisuport_display_faqs_labels(); ?> <?php ofisuport_display_faqs_labels(); ?>
<?php ofisuport_display_faqs_search(); ?> <?php ofisuport_display_faqs_search(); ?>
<?php //endif; //end if is_category faq ?> <?php //endif; //end if is_category faq ?>
</aside>
<content class="archive-posts <?php ofisuport_class_posttype(); ?>"> <content class="archive-posts <?php ofisuport_class_posttype(); ?>">
<?php <?php
// https://developer.wordpress.org/reference/functions/get_posts/ // https://developer.wordpress.org/reference/functions/get_posts/

15
sass/layouts/_no-sidebar.scss
View File

@ -113,12 +113,17 @@
.ofisuport-destacats,.ofisuport-featured,.archive-posts { .ofisuport-destacats,.ofisuport-featured,.archive-posts {
grid-template-columns: repeat(4 , 1fr); grid-template-columns: repeat(4 , 1fr);
} }
.ofisuport-faqs-types { .ofisuport-faqs-aside {
margin: 1em 0; display: flex;
.ofisuport-label { flex-direction: row;
// margin: 0; align-items: center;
justify-content: space-between;
.ofisuport-search-form {
&:hover,&:active,&:focus,&:target {
flex-grow: 1;
}
} }
} }
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {
//only bigger than 80rem //only bigger than 80rem

3
search.php
View File

@ -38,11 +38,12 @@ if ( get_post_type( get_the_ID() ) == 'ofisuport-ajut'){ ?>
</aside> </aside>
<?php } elseif ( in_category ( 'faq' ) ) { ?> <?php } elseif ( in_category ( 'faq' ) ) { ?>
<section id="filteredsearch" class="ofisuport-searched-query ofisuport-search-faqs"> <section id="filteredsearch" class="ofisuport-searched-query ofisuport-search-faqs">
<aside id="ofisuport-faqs-nav" class="ofisuport-faqs-aside">
<?php //if( in_category('faq') ) : ?> <?php //if( in_category('faq') ) : ?>
<?php ofisuport_display_faqs_labels(); ?> <?php ofisuport_display_faqs_labels(); ?>
<?php ofisuport_display_faqs_search(); ?> <?php ofisuport_display_faqs_search(); ?>
<?php //endif; //end if is_category faq ?> <?php //endif; //end if is_category faq ?>
</aside>
<?php } else { ?> <?php } else { ?>

14
style.css
View File

@ -1245,8 +1245,18 @@ textarea {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }
.ofisuport-faqs-types { .ofisuport-faqs-aside {
margin: 1em 0; display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.ofisuport-faqs-aside .ofisuport-search-form:hover,
.ofisuport-faqs-aside .ofisuport-search-form:active,
.ofisuport-faqs-aside .ofisuport-search-form:focus,
.ofisuport-faqs-aside .ofisuport-search-form:target {
flex-grow: 1;
} }
} }

2
style.css.map
View File

File diff suppressed because one or more lines are too long