diff --git a/css/styles.css b/css/styles.css index 26e7066..60e2d40 100644 --- a/css/styles.css +++ b/css/styles.css @@ -327,6 +327,19 @@ a:hover { .connexion-div-menu.is-authenticated { cursor: default; + height: auto; + min-height: 78px; + padding: 10px 14px; + flex-direction: column; + justify-content: center; + gap: 10px; +} + +.connexion-div-menu.is-authenticated #accountLabel { + font-size: 18px; + font-weight: 400; + line-height: 1.2; + color: #f7edcf; } .connexion-div-menu.md-trigger, @@ -339,18 +352,58 @@ a:hover { .connexion-actions { display: inline-flex; align-items: center; + justify-content: center; gap: 10px; } -.connexion-actions a { +.connexion-action-btn { + width: 42px; + height: 42px; + display: inline-flex; + align-items: center; + justify-content: center; color: #f4e3b2; text-decoration: none; - border-bottom: 1px solid rgba(244, 227, 178, 0.35); + background: rgba(0, 0, 0, 0.35); + border: 1px solid rgba(244, 227, 178, 0.35); + border-radius: 10px; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); + transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease; } -.connexion-actions a:hover { +.connexion-action-btn:hover { color: #ffffff; - border-bottom-color: rgba(255, 255, 255, 0.8); + background: rgba(155, 145, 60, 0.28); + border-color: rgba(255, 255, 255, 0.55); + transform: translateY(-1px); +} + +.connexion-action-btn:focus-visible { + outline: 2px solid rgba(255, 255, 255, 0.75); + outline-offset: 2px; +} + +.connexion-action-icon { + display: inline-flex; + width: 20px; + height: 20px; +} + +.connexion-action-icon svg { + width: 100%; + height: 100%; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; } .login-status { @@ -431,6 +484,11 @@ a:hover { padding: 8px 12px; } + .connexion-div-menu.is-authenticated { + min-height: 84px; + padding: 10px 12px; + } + .connexion-actions { flex-wrap: wrap; justify-content: center; diff --git a/db/auth.php b/db/auth.php index 5da7734..13c704c 100644 --- a/db/auth.php +++ b/db/auth.php @@ -468,7 +468,7 @@ function auth_navigation_items(): array ['file' => 'scnotification.php', 'label' => 'NOTIF DISCORD'], ['file' => 'scitems.php', 'label' => 'Base d\'Objets'], ['file' => 'scstatsitem.php', 'label' => 'Stats Item'], - ['file' => 'scitemcustom.php', 'label' => 'Item Custom'], + ['file' => 'scitemcustom.php', 'label' => 'Objets perso.'], ['file' => 'scmining.php', 'label' => 'Scanner Minage'], ['file' => 'scmanufactures.php', 'label' => 'Manufactures'], ['file' => 'scvaisseaux.php', 'label' => 'Vaisseaux'], diff --git a/index.php b/index.php index 832923b..581a409 100644 --- a/index.php +++ b/index.php @@ -1247,10 +1247,24 @@ if ($has_member_access) {
id="accountPanel"> - + > - >Admin - Déconnexion + > + + Administration + + + + Déconnexion +
diff --git a/js/auth.js b/js/auth.js index eeef496..0149043 100644 --- a/js/auth.js +++ b/js/auth.js @@ -39,7 +39,7 @@ accountPanel.classList.add('is-authenticated'); accountPanel.classList.remove('md-trigger'); accountPanel.removeAttribute('data-modal'); - accountLabel.textContent = user; + accountLabel.textContent = 'Bonjour, ' + user; accountActions.hidden = false; if (role === 'admin' && adminUrl) { diff --git a/scitemcustom.php b/scitemcustom.php index e31a41d..7325aa5 100644 --- a/scitemcustom.php +++ b/scitemcustom.php @@ -355,7 +355,7 @@ $current_session_user = $_SESSION['user'] ?? ''; - Item Custom | R.E.A.C.T. Admin + OBJETS PERSONNALISES | R.E.A.C.T. Admin - +
-

Item Custom

+

OBJETS PERSONNALISES

Associer des objets à autant de bonus / malus de stats que nécessaire