stephan
8c7f3e13ed
This commit introduces a new UI structure for the superadmin interface by implementing the fxSuperadmV2Panel functions, which improve the organization and presentation of event access and ChronoTrack API sections. The changes include the addition of collapsible panels for better user interaction and visual clarity. Additionally, the versioning in the settings file is updated to reflect the latest changes. These enhancements aim to streamline the user experience and improve the overall functionality of the superadmin interface.
360 lines
8.2 KiB
CSS
360 lines
8.2 KiB
CSS
.table thead tr, .table tfoot tr {background-color: #0b2546; color: #fff;}
|
|
.table th a {text-decoration: underline; color: #fff;}
|
|
.table th a:hover {text-decoration: none;}
|
|
/* Header */
|
|
#header {
|
|
width: 100%;
|
|
height: 90px;
|
|
background: url('../images_blue/bande_repeat.png') repeat-x;
|
|
}
|
|
#header_inner {
|
|
position: absolute;
|
|
width: 95%;
|
|
height: 90px;
|
|
}
|
|
/* Logo */
|
|
#logo {float: left;}
|
|
/* Main */
|
|
#main {
|
|
background: #fff url('../images_blue/n2.gif') repeat-x;
|
|
}
|
|
/* SIDEBAR */
|
|
#sidebar {
|
|
background-color: #ddd;
|
|
margin-left: -15px;
|
|
}
|
|
/* FOOTER */
|
|
.footer {
|
|
border-top: 1px solid #e1e1e1;
|
|
padding-top: 15px;
|
|
text-transform: lowercase;
|
|
}
|
|
/*table.rapport tr.odd {background-color: #fff;}
|
|
table.rapport tr {background-color: #190d7394;}*/
|
|
|
|
/* NAVBAR */
|
|
.navbar {
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
}
|
|
.navbar-brand {
|
|
height: auto;
|
|
padding: 0 15px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-right {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 15px;
|
|
}
|
|
}
|
|
/* ==================================================
|
|
* SCROLL TOP
|
|
* ================================================== */
|
|
.scroll-top-wrapper {
|
|
background-color: #0b2546;
|
|
border-radius: 5px;
|
|
bottom: 20px;
|
|
color: #eee;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
right: 20px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
visibility: hidden;
|
|
width: 36px;
|
|
z-index: 999;
|
|
}
|
|
.scroll-top-wrapper:hover {
|
|
background-color: #f27922;
|
|
color: #333;
|
|
}
|
|
.scroll-top-wrapper.show {
|
|
cursor: pointer;
|
|
opacity: 1.0;
|
|
visibility :visible;
|
|
}
|
|
.scroll-top-wrapper i.fa {
|
|
line-height: inherit;
|
|
}
|
|
/* ==================================================
|
|
* NAVIGATION
|
|
* ================================================== */
|
|
.nav-tabs>li>a {
|
|
border: 1px solid #fff;
|
|
background-color: #fff;
|
|
}
|
|
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
|
|
color: #555;
|
|
cursor: default;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-bottom-color: #337ab7;
|
|
}
|
|
/* PRELOADER */
|
|
#preloader {
|
|
background-color: rgba(0,0,0,0.6);
|
|
height: auto;
|
|
min-height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 9999;
|
|
}
|
|
#spinner {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
color: #333;
|
|
display: block;
|
|
font-size: 80px;
|
|
height: auto;
|
|
margin: -65px 0 0 -133px;
|
|
padding: 15px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: auto;
|
|
}
|
|
#spinner span {
|
|
font-size: 18px;
|
|
vertical-align: middle;
|
|
}
|
|
/* ==================================================
|
|
* SIDEBAR V2 — titres de section (2 niveaux)
|
|
* ================================================== */
|
|
.superadm-sidebar-title {
|
|
color: #0b2546;
|
|
font-size: 1.2rem;
|
|
font-weight: 700;
|
|
line-height: 1.25;
|
|
margin: 1.5rem 0 0.75rem;
|
|
padding-bottom: 0.4rem;
|
|
border-bottom: 2px solid #0b2546;
|
|
}
|
|
.superadm-sidebar-title--v2 {
|
|
margin-top: 0.75rem;
|
|
}
|
|
.superadm-sidebar-title--legacy {
|
|
margin-top: 1.75rem;
|
|
}
|
|
.superadm-sidebar-subtitle {
|
|
color: #495057;
|
|
font-size: 0.8rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.04em;
|
|
line-height: 1.3;
|
|
margin: 1rem 0 0.35rem;
|
|
padding-left: 0.15rem;
|
|
text-transform: uppercase;
|
|
}
|
|
.superadm-sidebar-subtitle + .nav {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
/* Sidebar superadmin — coupure legacy / V2 */
|
|
.superadm-sidebar-col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.superadm-sidebar-legacy {
|
|
flex: 0 0 auto;
|
|
}
|
|
.superadm-sidebar-v2-zone {
|
|
background: linear-gradient(165deg, #c8e6f0 0%, #a8d4e6 55%, #94c8de 100%);
|
|
border-top: 5px solid #045a6e;
|
|
box-shadow: inset 0 6px 12px rgba(4, 90, 110, 0.12);
|
|
flex: 1 1 auto;
|
|
margin-top: 0;
|
|
padding: 1.25rem 1rem 1.35rem;
|
|
}
|
|
|
|
/* Zone V2 — contenu principal (fiche événement, pages dédiées) */
|
|
.superadm-content-v2-zone {
|
|
background: linear-gradient(165deg, #c8e6f0 0%, #a8d4e6 55%, #94c8de 100%);
|
|
border: 2px solid #045a6e;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 14px rgba(4, 90, 110, 0.15);
|
|
margin-bottom: 1rem;
|
|
padding: 1.15rem 1.15rem 1.25rem;
|
|
}
|
|
.superadm-content-v2-zone--flush {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Panneau V2 — boîte blanche sur fond teal (sidebar + contenu) */
|
|
.superadm-v2-panel,
|
|
.superadm-sidebar-v2-panel {
|
|
background: #fff;
|
|
border: 2px solid #045a6e;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 14px rgba(4, 90, 110, 0.18);
|
|
overflow: hidden;
|
|
}
|
|
.superadm-v2-panel__header,
|
|
.superadm-sidebar-v2-panel__header {
|
|
align-items: center;
|
|
background: #045a6e;
|
|
display: flex;
|
|
gap: 0.55rem;
|
|
padding: 0.7rem 1rem;
|
|
}
|
|
.superadm-v2-panel__header--toggle {
|
|
border: 0;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
.superadm-v2-panel__header--toggle:hover,
|
|
.superadm-v2-panel__header--toggle:focus {
|
|
background: #034656;
|
|
color: inherit;
|
|
outline: none;
|
|
text-decoration: none;
|
|
}
|
|
.superadm-v2-panel__header--toggle[aria-expanded="true"] .superadm-v2-panel__chevron {
|
|
transform: rotate(180deg);
|
|
}
|
|
.superadm-v2-panel__toggle {
|
|
align-items: center;
|
|
color: rgba(255, 255, 255, 0.92);
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
font-size: 0.72rem;
|
|
gap: 0.35rem;
|
|
margin-left: auto;
|
|
}
|
|
.superadm-v2-panel__toggle-label {
|
|
font-weight: 600;
|
|
letter-spacing: 0.02em;
|
|
white-space: nowrap;
|
|
}
|
|
.superadm-v2-panel__chevron {
|
|
transition: transform 0.2s ease;
|
|
}
|
|
.superadm-v2-panel__body,
|
|
.superadm-sidebar-v2-panel__body {
|
|
padding: 0.85rem 1rem 1rem;
|
|
}
|
|
.superadm-v2-panel__badge,
|
|
.superadm-sidebar-v2-panel__badge {
|
|
background: #fff;
|
|
border-radius: 3px;
|
|
color: #045a6e;
|
|
flex-shrink: 0;
|
|
font-size: 0.72rem;
|
|
font-weight: 800;
|
|
letter-spacing: 0.08em;
|
|
line-height: 1;
|
|
padding: 0.25rem 0.4rem;
|
|
}
|
|
.superadm-v2-panel__title,
|
|
.superadm-sidebar-v2-panel__title {
|
|
color: #fff;
|
|
flex: 1 1 auto;
|
|
font-size: 0.84rem;
|
|
font-weight: 700;
|
|
line-height: 1.25;
|
|
}
|
|
.superadm-v2-panel__header-extra {
|
|
color: rgba(255, 255, 255, 0.95);
|
|
flex-shrink: 0;
|
|
}
|
|
.superadm-v2-panel__header-extra .badge {
|
|
font-size: 0.68rem;
|
|
font-weight: 700;
|
|
vertical-align: middle;
|
|
}
|
|
.superadm-sidebar-v2-panel__group {
|
|
margin-bottom: 1rem;
|
|
padding-bottom: 0.85rem;
|
|
border-bottom: 1px solid #e3eef3;
|
|
}
|
|
.superadm-sidebar-v2-panel__group:last-child {
|
|
border-bottom: 0;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.superadm-sidebar-v2-panel__label {
|
|
color: #045a6e;
|
|
font-size: 0.68rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.06em;
|
|
margin-bottom: 0.45rem;
|
|
text-transform: uppercase;
|
|
}
|
|
.superadm-sidebar-v2-panel__nav {
|
|
margin-bottom: 0;
|
|
}
|
|
.superadm-sidebar-v2-panel__nav .nav-link {
|
|
border-radius: 4px;
|
|
color: #1a3d4a;
|
|
font-size: 0.88rem;
|
|
margin-bottom: 0.15rem;
|
|
padding: 0.45rem 0.65rem;
|
|
}
|
|
.superadm-sidebar-v2-panel #btn_promoteur_legacy {
|
|
margin-bottom: 0.35rem;
|
|
}
|
|
.superadm-sidebar-v2-panel__nav .nav-link:hover {
|
|
background: #e8f4f8;
|
|
color: #045a6e;
|
|
}
|
|
.superadm-sidebar-v2-panel__nav .nav-link.active {
|
|
background: #045a6e;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Toggle Aperçu / Droits (super admin) */
|
|
.navbar .ms1-env-text-edit-label{
|
|
display:inline-flex;
|
|
align-items:center;
|
|
gap:6px;
|
|
color:#fff;
|
|
font-size:12px;
|
|
cursor:pointer;
|
|
margin:0;
|
|
}
|
|
.navbar .ms1-env-text-edit-opt{
|
|
opacity:.65;
|
|
}
|
|
.navbar .ms1-env-text-edit-opt.is-active{
|
|
opacity:1;
|
|
font-weight:600;
|
|
}
|
|
.navbar .ms1-env-text-edit-switch{
|
|
appearance:none;
|
|
width:36px;
|
|
height:18px;
|
|
border-radius:9px;
|
|
background:#6c757d;
|
|
border:1px solid #495057;
|
|
position:relative;
|
|
cursor:pointer;
|
|
vertical-align:middle;
|
|
}
|
|
.navbar .ms1-env-text-edit-switch::after{
|
|
content:'';
|
|
position:absolute;
|
|
top:2px;
|
|
left:2px;
|
|
width:12px;
|
|
height:12px;
|
|
border-radius:50%;
|
|
background:#fff;
|
|
transition:transform .15s ease;
|
|
}
|
|
.navbar .ms1-env-text-edit-switch:checked{
|
|
background:#e67e22;
|
|
border-color:#a04000;
|
|
}
|
|
.navbar .ms1-env-text-edit-switch:checked::after{
|
|
transform:translateX(18px);
|
|
} |