fix: amelioration globales affichage

This commit is contained in:
Kazhnuz 2022-12-18 16:10:12 +01:00
parent 21d1103c39
commit 9c0b92d0fa
13 changed files with 57 additions and 24 deletions

View file

@ -3,19 +3,15 @@
<?php $category = get_category( get_query_var( 'cat' ) ); <?php $category = get_category( get_query_var( 'cat' ) );
kspace_cat_breadcrumb_with_rss(single_cat_title('', false), 'folder-open', 'la catégorie', get_category_link( $category->cat_ID ) . '/feed' ); kspace_cat_breadcrumb_with_rss(single_cat_title('', false), 'folder-open', 'la catégorie', get_category_link( $category->cat_ID ) . '/feed' );
?> ?>
<div class="well">
<?php the_archive_description() ?>
</div>
<?php include(TEMPLATEPATH . '/components/preview-list.php'); ?> <?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
</main> </main>
<!-- Sidebar custom pour contenir la description --> <!-- Sidebar custom pour contenir la description -->
<aside class="sidebar"> <aside class="sidebar">
<div class="card head-info">
<div class="card-header"><i class="fa fa-folder-open" aria-hidden="true"></i> <?php echo single_cat_title(); ?></div>
<div class="card-body">
<?php the_archive_description() ?>
</div>
</div>
<?php include(TEMPLATEPATH . '/components/sidebar-content.php'); ?> <?php include(TEMPLATEPATH . '/components/sidebar-content.php'); ?>
</aside> </aside>
<?php get_footer(); ?> <?php get_footer(); ?>

View file

@ -10,6 +10,7 @@
} }
} }
?> ?>
<li><a href="<?php bloginfo('rss2_url'); ?>" class="menu-item"><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS du site</span></a></li>
</ul> </ul>
</nav> </nav>
<div class="container columns"> <div class="container columns">

View file

@ -23,7 +23,7 @@
echo '<li><a href="' . $menuElement->url . '" class="menu-item">'. $menuElement->title . '</a></li>'; echo '<li><a href="' . $menuElement->url . '" class="menu-item">'. $menuElement->title . '</a></li>';
} }
?> ?>
<li><a href="<?php bloginfo('rss2_url'); ?>" class="menu-item"><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS du site</span></a></li> <li class="f-column f-center"><?php include(TEMPLATEPATH . '/components/searchform.php'); ?></li>
</ul> </ul>
</nav> </nav>
</div> </div>

View file

@ -161,7 +161,7 @@ function kspace_cat_breadcrumb_with_rss($categoryName, $icon, $categoryType, $rs
<div class="flex-that"> <div class="flex-that">
<?php kspace_cat_breadcrumb_nav($categoryName, $icon); ?> <?php kspace_cat_breadcrumb_nav($categoryName, $icon); ?>
<div class="rss"> <div class="rss">
<a href="<?php echo $rssLink; ?>" class="btn btn-orange" /><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS de <?php echo $categoryType; ?></span></a> <a href="<?php echo $rssLink; ?>" class="btn btn-orange d-block m-0" /><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS de <?php echo $categoryType; ?></span></a>
</div> </div>
</div> </div>
<?php <?php

View file

@ -16,5 +16,14 @@
<h1 class="page-title"><i class="fa fa-fw fa-clock-o" aria-hidden="true"></i> Publications</h1> <h1 class="page-title"><i class="fa fa-fw fa-clock-o" aria-hidden="true"></i> Publications</h1>
<?php include(TEMPLATEPATH . '/components/preview-grid.php'); ?> <?php include(TEMPLATEPATH . '/components/preview-grid.php'); ?>
<?php if ( !is_paged() ) {
?>
<div class="toast mb-1 bg-blue" style="width:800px;margin:auto;"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong> Si vous êtes intéressé pour découvrir plus
de contenus trouvé sur internet, vous pouvez aussi regarder mon <a href="http://shaarli.kazhnuz.space/">Shaarli</a>, qui sert plus à
partager des petites découverte rigolote ou intéressantes.</div>
<?php
}
?>
</main> </main>
<?php get_footer(); ?> <?php get_footer(); ?>

View file

@ -15,3 +15,4 @@
@import 'components/tables'; @import 'components/tables';
//@import 'components/previews'; //@import 'components/previews';
@import 'components/sidebar'; @import 'components/sidebar';
@import 'components/input';

View file

@ -9,3 +9,4 @@
@import 'utils/lists'; @import 'utils/lists';
@import 'utils/sizing'; @import 'utils/sizing';
@import 'utils/flex'; @import 'utils/flex';
@import 'utils/display';

View file

@ -1,11 +1,9 @@
.input-group { input,
padding-bottom:$lineheight; textarea {
width: 100%;
input, textarea { background-color: $color-background;
width:100%; border-radius: $btn-radius;
background-color:$color-background; border: 0px solid rgba(0, 0, 0, 0);
border-radius:0px; padding: $lineheight/4;
border: 1px solid rgba(0,0,0,0.2); line-height: $lineheight;
padding:$lineheight/4;
}
} }

View file

@ -1,4 +1,11 @@
.toast { .toast {
@include panel($card-smallpad); @include panel($card-smallpad);
padding:$card-smallpad; padding:$card-smallpad;
font-size: 0.8rem;
a:not(:hover) {
background-color: rgba(0,0,0,0.2)!important;
}
a {
margin: 0;
}
} }

View file

@ -4,7 +4,7 @@
grid-template-rows: auto; grid-template-rows: auto;
grid-gap: $lineheight; grid-gap: $lineheight;
padding-bottom: $lineheight; padding-bottom: $lineheight;
@include xl() { @include lg() {
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
} }

3
scss/utils/_display.scss Normal file
View file

@ -0,0 +1,3 @@
.d-block {
display:block;
}

View file

@ -2,7 +2,7 @@
<main> <main>
<h1 class="page-title"><i class="fa fa-fw fa-search" aria-hidden="true"></i><?php _e('', 'sandbox') ?> Recherche pour le terme « <?php echo get_search_query(); ?> »</h1> <h1 class="page-title"><i class="fa fa-fw fa-search" aria-hidden="true"></i><?php _e('', 'sandbox') ?> Recherche pour le terme « <?php echo get_search_query(); ?> »</h1>
<?php include(TEMPLATEPATH . '/components/posts-list.php'); ?> <?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
</main> </main>
<?php get_sidebar(); ?> <?php get_sidebar(); ?>
<?php get_footer(); ?> <?php get_footer(); ?>

View file

@ -1469,7 +1469,8 @@ ul.card-list, .card > ul {
border: none; border: none;
margin: 0; margin: 0;
margin-bottom: 1.6rem; margin-bottom: 1.6rem;
padding: 0.8rem; } padding: 0.8rem;
font-size: 0.8rem; }
.toast > * { .toast > * {
margin-left: 0.4rem; margin-left: 0.4rem;
margin-right: 0.4rem; } margin-right: 0.4rem; }
@ -1481,6 +1482,10 @@ ul.card-list, .card > ul {
margin-bottom: 0.8rem; } margin-bottom: 0.8rem; }
.toast > *:last-child.card-header { .toast > *:last-child.card-header {
margin-bottom: 0px; } margin-bottom: 0px; }
.toast a:not(:hover) {
background-color: rgba(0, 0, 0, 0.2) !important; }
.toast a {
margin: 0; }
/* TABLE /* TABLE
* Style tables * Style tables
@ -1516,6 +1521,15 @@ th {
.sidebar-container .sidebar { .sidebar-container .sidebar {
padding: 1rem; } padding: 1rem; }
input,
textarea {
width: 100%;
background-color: #fefefe;
border-radius: 4px;
border: 0px solid rgba(0, 0, 0, 0);
padding: 0.4rem;
line-height: 1.6rem; }
/* 1. Utils /* 1. Utils
** All the utilities class of the stylesheet ** All the utilities class of the stylesheet
*/ */
@ -2535,6 +2549,9 @@ th {
.f-between { .f-between {
justify-content: space-between; } justify-content: space-between; }
.d-block {
display: block; }
/* 4 - Custom styling /* 4 - Custom styling
* Styles that are custom to this particular theme * Styles that are custom to this particular theme
**/ **/
@ -2785,7 +2802,7 @@ footer {
grid-template-rows: auto; grid-template-rows: auto;
grid-gap: 1.6rem; grid-gap: 1.6rem;
padding-bottom: 1.6rem; } padding-bottom: 1.6rem; }
@media (min-width: 1200px) { @media (min-width: 992px) {
#featured-articles { #featured-articles {
grid-template-columns: 1fr 1fr 1fr; } } grid-template-columns: 1fr 1fr 1fr; } }
.preview-featured { .preview-featured {