kazhnuz/koblog
1
0
Fork 0
Code Issues 30 Pull requests Projects 3 Releases Packages Wiki Activity Actions

🚸 (admin/koblog): ajoute une sidebar full-size

Browse source 
Cela permettra d'avoir plus d'espace pour le contenu
This commit is contained in:
Kazhnuz 2025-01-18 11:10:27 +01:00
parent 1d27b28504
commit 74d3784634
3 changed files with 111 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

133
bl-kernel/admin/themes/koblog/css/koblog.bootstrap.css
View file

@ -1,58 +1,123 @@
a { @charset "UTF-8";
color: #0078D4;
body {
background-color: var(--bs-light);
display: flex;
flex-direction: row;
} }
a:hover { #main-area {
color: #003f6f; flex: 1;
display: flex;
flex-direction: column;
min-height: 100vh;
}
#main-area>.container {
flex: 1;
}
.admin-sidebar {
min-height: 100vh;
width: 240px;
padding: 1rem;
}
.admin-sidebar h4 {
font-weight: bolder;
font-size: 1rem;
}
.admin-sidebar ul {
margin: 0;
padding: 0;
margin-bottom: 1.5rem;
list-style-type: none;
}
.admin-sidebar a {
padding: .5rem .75rem;
display: block;
color: white!important;
border-radius: 6px;
text-decoration: none; text-decoration: none;
} }
.bg-success { .admin-sidebar a:hover {
background-color: #8BC34A!important; background-color: rgba(255, 255, 255, 0.2);
text-decoration: none;
} }
.text-primary { .admin-sidebar a i.fa {
color: #0078D4!important; display: inline-block;
width: 1.5rem;
} }
.text-danger { .card-connection {
color: #D40000!important; margin: auto;
} max-width: 360px;
a.text-danger:focus,
a.text-danger:hover {
color: #790000!important;
} }
/* Buttons */ .container-password {
.btn-primary { flex: 1;
background-color: #0078D4; display: flex;
border-color: #0078D4; justify-content: center;
width: 100%;
} }
.btn-primary:hover { /* Composant de la page d'accueil */
background-color: #4585CF; .nav-link.nav-title {
border-color: #4a90e2; border: 0;
} }
.btn-light.focus, .btn-light:focus { .nav-link.nav-title:hover {
box-shadow: none; border: 0;
} }
.btn.focus, .btn:focus { .card-header .nav-tabs {
box-shadow: none; border-bottom: 0;
} }
/* Form */ .card-stats tr:first-child td,
.form-control:focus { .card-stats tr:first-child th {
box-shadow: none; border-top: 0;
} }
/* Tables */ .modifier-listelement-line {
.table-striped tbody tr:nth-of-type(odd) { display: flex;
background-color: rgba(0, 0, 0, 0.02);
} }
.table thead th { /* Fonctionnalités globale : tableau dont la première ligne est fusionné à un card-header */
font-size: 0.8em; tr.card-header td,
text-transform: uppercase!important; tr.card-header th {
border: 0;
background-color: transparent!important;
}
tr.card-tablebody td,
tr.card-tablebody th {
/* on va plutôt gérer les border au niveau des tr pour éviter les soucis */
border: 0;
background-color: transparent!important;
padding: 0.5rem;
}
tr.card-tablebody:not(:last-child) {
border-bottom: 1px solid #dee2e6;
}
.td-id {
font-weight: 700;
}
.card {
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
#main-area a.nav-link:not(.active):hover {
background-color: rgba(0,0,0,0.1)!important;
}
.navbar .nav-link {
border-radius: 6px;
} }

5
bl-kernel/admin/themes/koblog/css/koblog.css
View file

@ -1,11 +1,6 @@
html { html {
height: 100%; height: 100%;
font-size: 0.9rem; font-size: 0.9rem;
background: #fcfcfc;
}
body {
background: #fcfcfc;
} }
/* Prevent events in iframes */ /* Prevent events in iframes */

21
bl-kernel/admin/themes/koblog/index.php
View file

@ -60,23 +60,24 @@
<!-- Overlay background --> <!-- Overlay background -->
<div id="jsshadow"></div> <div id="jsshadow"></div>
<!-- Alert -->
<?php include('html/alert.php'); ?>
<!-- Navbar, only for small devices --> <!-- LEFT SIDEBAR - Display only on large devices -->
<?php include('html/navbar.php'); ?> <div class="bg-dark admin-sidebar text-white d-none d-lg-block">
<?php include('html/sidebar.php'); ?>
</div>
<div class="container h-100"> <div class="container h-100" id="main-area">
<!-- 25%/75% split on large devices, small, medium devices hide --> <!-- 25%/75% split on large devices, small, medium devices hide -->
<div class="row h-100"> <div class="row h-100">
<!-- LEFT SIDEBAR - Display only on large devices --> <!-- Alert -->
<div class="sidebar col-lg-2 d-none d-lg-block"> <?php include('html/alert.php'); ?>
<?php include('html/sidebar.php'); ?>
</div> <!-- Navbar -->
<?php include('html/navbar.php'); ?>
<!-- RIGHT MAIN --> <!-- RIGHT MAIN -->
<div class="col-lg-10 pt-3 pb-1 h-100"> <div class="h-100">
<?php <?php
if (Sanitize::pathFile(PATH_ADMIN_VIEWS, $layout['view'].'.php')) { if (Sanitize::pathFile(PATH_ADMIN_VIEWS, $layout['view'].'.php')) {
include(PATH_ADMIN_VIEWS.$layout['view'].'.php'); include(PATH_ADMIN_VIEWS.$layout['view'].'.php');