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

styled all archives and categories the same, made order in scss files

This commit is contained in:
jorge 2024-04-02 18:13:10 +02:00
parent af0186d8d1
commit f9534ddbbb
15 changed files with 204 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
adminstyles.css
View File

@ -17,7 +17,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.5.0
Version: 1.5.1
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later
@ -1489,6 +1489,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main {
padding: 0 1rem;
gap: 1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section {
@ -1499,6 +1500,23 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 1em 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive .site-main,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category .site-main {
display: grid;
grid-template-columns: 1fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive .site-main > header,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category .site-main > header {
grid-column: 1 / -1;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer {
display: flex;
flex-flow: row;
@ -1647,6 +1665,15 @@ Add your custom styles in this file so it is easier to update the theme.
padding-bottom: 4rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive .site-main,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category .site-main {
grid-template-columns: 1fr 3fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer {
flex-flow: column;
}
@ -1664,7 +1691,11 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-last-convos,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-ultimes-convocatories,
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(2, 1fr);
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .post-type-archive-xarxaprod-associat .archive-posts {
grid-template-columns: 1fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-faqs-aside {
@ -2372,6 +2403,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-espais-map {
margin: 0;
grid-column: 1 / -1;
aspect-ratio: 4 / 3;
background-color: rgba(200, 200, 200, 0.4);
}
@ -2453,6 +2485,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each .entry-title,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each h6 {
border-bottom: none;
padding: 0.5rem 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each.category-activitats,
@ -2500,15 +2533,6 @@ Add your custom styles in this file so it is easier to update the theme.
border-radius: 0.3em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
display: grid;
grid-template-columns: 1fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters section {
margin: 0;
}
@ -2517,10 +2541,6 @@ Add your custom styles in this file so it is easier to update the theme.
display: none;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-titol-opcions {
display: inline-block;
width: 100%;
@ -2593,28 +2613,16 @@ Add your custom styles in this file so it is easier to update the theme.
@media screen and (min-width: 48em) {
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filters {
padding-right: 2em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info li {
font-size: 1.5rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-info {
grid-template-columns: 1fr 1fr 1fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associat-osm-link {
grid-template-columns: min-content auto;
}
@ -2638,22 +2646,6 @@ Add your custom styles in this file so it is easier to update the theme.
}
}
@media screen and (min-width: 80em) {
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts.archive-xarxaprod-associats,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts.archive-custom-post-type-associat {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .comment-content a {
word-wrap: break-word;
}
@ -3156,6 +3148,11 @@ Add your custom styles in this file so it is easier to update the theme.
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper h4,
.edit-post-visual-editor__content-area .editor-styles-wrapper h5,
.edit-post-visual-editor__content-area .editor-styles-wrapper ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper figure,
.edit-post-visual-editor__content-area .editor-styles-wrapper button {
margin-left: auto;

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

7
archive-xarxaprod-ajut.php
View File

@ -19,7 +19,11 @@ get_header();
//plugin is activated do
?>
<section id="filteredfunds" class="xarxaprod-filtered-content xarxaprod-filtered-funds xarxaprod-ajuts-filtrats">
<header class="page-header">
<h1><?php //single_term_title( ' ' ); ?></h1>
</header>
<aside id="fundsfilter" class="xarxaprod-filter-funds xarxaprod-filtre-ajuts">
<?php include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); if ( is_plugin_active( 'xarxaprod-wp-plugin/xarxaprod-wp-plugin.php' ) ) { // if plugin active do?>
<?php xarxaprod_ajuts_filters_form(); // function defined in the plugin ?>
@ -45,6 +49,7 @@ get_header();
?>
</content>
<section id="filteredfunds" class="xarxaprod-filtered-content xarxaprod-filtered-funds xarxaprod-ajuts-filtrats">
</section>
<?php } //end plugin is activated do ?>

24
archive-xarxaprod-associat.php
View File

@ -19,10 +19,14 @@ get_header();
//plugin is activated do
?>
<section id="filteredassociats" class="xarxaprod-filtered-content xarxaprod-filtered-associats xarxaprod-associats-filtrats">
<header class="page-header">
<h1><?php single_term_title( ' ' ); ?></h1>
</header>
<aside id="associatsfilter" class="xarxaprod-filter-associats xarxaprod-filtre-associats">
<?php xarxaprod_associats_filters_form(); // function defined in the plugin ?>
</aside>
<content class="archive-posts <?php xarxaprod_class_posttype(); ?>">
<figure id="xarxaprod-associats-map" class="xarxaprod-associats-map">
<?php xarxaprod_show_leaflet_map(); // function defined in the plugin ?>
@ -30,10 +34,22 @@ get_header();
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post();
//get_template_part( 'template-parts/section', 'eachmember' );
xarxaprod_show_leaflet_associat_blob(); // function defined in the plugin
endwhile;
//get_template_part( 'template-parts/section', 'eachmember' );
endwhile; ?>
<ul class="xarxaprod-label">
<?php while ( have_posts() ) : the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</li>
<?php endwhile; ?>
</ul>
<?php
//the_posts_navigation();
else :
@ -42,8 +58,8 @@ get_header();
endif;
?>
</content>
<section id="filteredassociats" class="xarxaprod-filtered-content xarxaprod-filtered-associats xarxaprod-associats-filtrats">
</section>
<?php } //end plugin is activated do ?>

6
archive-xarxaprod-convo.php
View File

@ -19,7 +19,10 @@ get_header();
//plugin is activated do
?>
<section id="filteredcall" class="xarxaprod-filtered-content xarxaprod-filtered-convos xarxaprod-convos-filtrats">
<header class="page-header">
<h1><?php //single_term_title( ' ' ); ?></h1>
</header>
<aside id="convosfilter" class="xarxaprod-filter-convos xarxaprod-filtre-convos">
<?php include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); if ( is_plugin_active( 'xarxaprod-wp-plugin/xarxaprod-wp-plugin.php' ) ) { // if plugin active do?>
<?php xarxaprod_convos_filters_form(); // function defined in the plugin ?>
@ -45,6 +48,7 @@ get_header();
?>
</content>
<section id="filteredcall" class="xarxaprod-filtered-content xarxaprod-filtered-convos xarxaprod-convos-filtrats">
</section>
<?php } //end plugin is activated do ?>

9
archive.php
View File

@ -12,11 +12,12 @@ get_header();
<main id="primary" class="site-main">
<header class="page-header">
<h1><?php single_term_title( ' ' ); ?></h1>
</header>
<?php if ( have_posts() ) : ?>
<header class="page-header">
<h2><?php single_term_title( ' ' ); ?>.</h2>
</header><!-- .page-header -->
<content class="archive-posts <?php xarxaprod_class_posttype(); ?>">
<?php
/* Start the Loop */
@ -34,7 +35,7 @@ get_header();
the_posts_navigation();
echo '</content>';//end content ajuts
echo '</content>';
else :
get_template_part( 'template-parts/content', 'none' );

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

9
category.php
View File

@ -11,14 +11,20 @@ get_header();
<main id="primary" class="site-main">
<header class="page-header">
<h1><?php single_term_title( ' ' ); ?></h1>
</header>
<aside>
<?php if( in_category('faq') ) : ?>
<?php xarxaprod_display_faqs_labels(); ?>
<?php xarxaprod_display_faqs_search(); ?>
<?php endif; //end if is_category faq ?>
</aside>
<content class="archive-posts ">
<?php if ( have_posts() ) : ?>
<content class="archive-posts <?php xarxaprod_class_posttype() ;?>">
<?php while ( have_posts() ) : the_post();
get_template_part( 'template-parts/section', 'eachpost' );
@ -26,6 +32,7 @@ get_header();
endwhile;
the_posts_navigation();
echo '</content>';
else :
get_template_part( 'template-parts/content', 'none' );

2
sass/adminstyles.scss
View File

@ -23,7 +23,7 @@
// max-width: 80rem;
//``}
font-family: $font__main;
h1,figure,button {
h1,h2,h3,h4,h5,ul,figure,button {
margin-left: auto;
margin-right: auto;
}

35
sass/components/content/_posts-and-pages.scss
View File

@ -30,7 +30,6 @@
.home-featured {
padding: 0 1rem;
}
/*
* big lletters block below titles
* */
@ -328,6 +327,7 @@
/* mapas leaflet associats */
.xarxaprod-associats-map,.xarxaprod-espais-map {
margin:0;
grid-column: 1 / -1;
aspect-ratio: 4 / 3;
background-color: rgba(200,200,200,0.4); //place holder background color
}
@ -394,6 +394,7 @@
}
.entry-title,h6 {
border-bottom: none;
padding: 0.5rem 0;
}
p {
}
@ -444,13 +445,6 @@
/* filters form custom fields
*/
.xarxaprod-filtered-content {
display: grid;
grid-template-columns: 1fr;
.archive-posts {
grid-template-columns: repeat(1 , minmax(0,1fr));
}
}
.xarxaprod-filters {
section {
margin: 0;
@ -461,7 +455,7 @@
}
.archive-posts {
// https://stackoverflow.com/questions/47601564/equal-width-columns-in-css-grid#61240964
grid-template-columns: repeat(1 , minmax(0,1fr));
//grid-template-columns: repeat(1 , minmax(0,1fr));
}
.xarxaprod-titol-opcions {
@ -532,16 +526,12 @@
@media screen and (min-width: 48em) {
//only bigger than 48em
.xarxaprod-filters {
padding-right: 2em;
//padding-right: 2em;
section {
}
}
.xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr;
//gap: $grid__gap * 4;
}
.archive-posts {
grid-template-columns: repeat(2 , minmax(0,1fr));
//grid-template-columns: repeat(2 , minmax(0,1fr));
}
.xarxaprod-convo-info-fields,
.xarxaprod-agenda-info {
@ -552,16 +542,16 @@
.single-xarxaprod-associat {
.xarxaprod-associat {
}
.xarxaprod-associat-info {
grid-template-columns: 1fr 1fr 1fr;
}
.xarxaprod-associat-location {
}
.xarxaprod-associat-osm-link {
grid-template-columns: min-content auto;
}
}
}
}
.xarxaprod-agenda {
.xarxaprod-card-each {
flex-direction: row-reverse;
@ -580,16 +570,11 @@
@media screen and (min-width: 80em) {
//only bigger than 80rem
.xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
//gap: $grid__gap * 6;
.archive-posts {
grid-template-columns: repeat(2 , minmax(0,1fr));
&.archive-xarxaprod-associats,&.archive-custom-post-type-associat {
grid-template-columns: repeat(1 , minmax(0,1fr));
}
//grid-template-columns: 1fr 3fr;
.archive-xarxaprod-associats,&.archive-custom-post-type-associat {
//grid-template-columns: repeat(1 , minmax(0,1fr));
}
}
.archive-posts {
//grid-template-columns: repeat(3 , minmax(0,1fr));
}
}

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

@ -69,6 +69,7 @@
}
.site-main {
padding: 0 1rem;
gap: $grid__gap;
> section {
padding: 0;
> header {
@ -76,6 +77,24 @@
}
}
}
.archive,
.category {
.site-main {
display:grid;
grid-template-columns: 1fr;
> header {
grid-column: 1 / -1;
}
}
}
.xarxaprod-filtered-content {
display: grid;
grid-template-columns: 1fr;
gap: $grid__gap;
.archive-posts {
}
}
.site-footer {
display: flex;
flex-flow: row;
@ -207,6 +226,19 @@
padding-bottom: 4rem;
}
}
.archive,
.category {
.site-main {
grid-template-columns: 1fr 3fr;
> header {
}
}
}
.xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
.archive-posts {
}
}
.site-footer {
flex-flow: column;
}
@ -221,7 +253,12 @@
.xarxaprod-destacats,.xarxaprod-featured,
.xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
.archive-posts {
grid-template-columns: repeat(3 , 1fr);
grid-template-columns: repeat(2 , 1fr);
}
.post-type-archive-xarxaprod-associat {
.archive-posts {
grid-template-columns: 1fr;
}
}
.xarxaprod-faqs-aside {
display: flex;

2
sass/style.scss
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.5.0
Version: 1.5.1
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later

82
style.css
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.5.0
Version: 1.5.1
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later
@ -1353,6 +1353,7 @@ textarea {
.site-main {
padding: 0 1rem;
gap: 1rem;
}
.site-main > section {
@ -1363,6 +1364,23 @@ textarea {
padding: 1em 0;
}
.archive .site-main,
.category .site-main {
display: grid;
grid-template-columns: 1fr;
}
.archive .site-main > header,
.category .site-main > header {
grid-column: 1 / -1;
}
.xarxaprod-filtered-content {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
.site-footer {
display: flex;
flex-flow: row;
@ -1511,6 +1529,15 @@ textarea {
padding-bottom: 4rem;
}
.archive .site-main,
.category .site-main {
grid-template-columns: 1fr 3fr;
}
.xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
}
.site-footer {
flex-flow: column;
}
@ -1528,7 +1555,11 @@ textarea {
.xarxaprod-last-convos,
.xarxaprod-ultimes-convocatories,
.archive-posts {
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(2, 1fr);
}
.post-type-archive-xarxaprod-associat .archive-posts {
grid-template-columns: 1fr;
}
.xarxaprod-faqs-aside {
@ -2211,6 +2242,7 @@ textarea {
.xarxaprod-associats-map,
.xarxaprod-espais-map {
margin: 0;
grid-column: 1 / -1;
aspect-ratio: 4 / 3;
background-color: rgba(200, 200, 200, 0.4);
}
@ -2302,6 +2334,7 @@ textarea {
.xarxaprod-agenda .xarxaprod-card-each .entry-title,
.xarxaprod-agenda .xarxaprod-card-each h6 {
border-bottom: none;
padding: 0.5rem 0;
}
.xarxaprod-card-each.category-activitats,
@ -2351,15 +2384,6 @@ textarea {
/* filters form custom fields
*/
.xarxaprod-filtered-content {
display: grid;
grid-template-columns: 1fr;
}
.xarxaprod-filtered-content .archive-posts {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xarxaprod-filters section {
margin: 0;
}
@ -2368,10 +2392,6 @@ textarea {
display: none;
}
.archive-posts {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xarxaprod-titol-opcions {
display: inline-block;
width: 100%;
@ -2444,28 +2464,16 @@ textarea {
@media screen and (min-width: 48em) {
.xarxaprod-filters {
padding-right: 2em;
}
.xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr;
}
.archive-posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xarxaprod-convo-info-fields li,
.xarxaprod-agenda-info li {
font-size: 1.5rem;
}
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-info {
.single-xarxaprod-associat .xarxaprod-associat-info {
grid-template-columns: 1fr 1fr 1fr;
}
.single-xarxaprod-associat .xarxaprod-associat .xarxaprod-associat-location .xarxaprod-associat-osm-link {
.single-xarxaprod-associat .xarxaprod-associat-osm-link {
grid-template-columns: min-content auto;
}
@ -2489,22 +2497,6 @@ textarea {
}
}
@media screen and (min-width: 80em) {
.xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr;
}
.xarxaprod-filtered-content .archive-posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xarxaprod-filtered-content .archive-posts.archive-xarxaprod-associats,
.xarxaprod-filtered-content .archive-posts.archive-custom-post-type-associat {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
/* Comments
--------------------------------------------- */
.comment-content a {

2
style.css.map
View File

File diff suppressed because one or more lines are too long

2
template-parts/section-agenda.php
View File

@ -11,7 +11,7 @@
<section id="agenda" class="agenda ">
<header>
<h2><a href="<?php echo site_url() . '/agenda' ;?>"><?php echo esc_html__('Agenda', 'xarxaprod'); ?></a></h2>
<h2><a href="<?php echo site_url() . '/activitats' ;?>"><?php echo esc_html__('Agenda', 'xarxaprod'); ?></a></h2>
</header>
<main class="xarxaprod-agenda">