fix: amelioration globales affichage
This commit is contained in:
parent
21d1103c39
commit
9c0b92d0fa
13 changed files with 57 additions and 24 deletions
10
category.php
10
category.php
|
@ -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(); ?>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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
|
||||||
|
|
9
home.php
9
home.php
|
@ -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(); ?>
|
||||||
|
|
|
@ -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';
|
||||||
|
|
|
@ -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';
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
3
scss/utils/_display.scss
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
.d-block {
|
||||||
|
display:block;
|
||||||
|
}
|
|
@ -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(); ?>
|
||||||
|
|
21
style.css
21
style.css
|
@ -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 {
|
||||||
|
|
Reference in a new issue