From 4130fd431d8c54573f231b4334dc02196d35f832 Mon Sep 17 00:00:00 2001
From: Connor Thomson <blumatrikz@gmail.com>
Date: Sun, 20 Sep 2026 20:21:07 -0700
Subject: Add a drop down menu and signout

---
 css/desktop/dropdown.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++
 css/desktop/navbar.css   |  5 +----
 2 files changed, 53 insertions(+), 4 deletions(-)
 create mode 100755 css/desktop/dropdown.css

(limited to 'css/desktop')

diff --git a/css/desktop/dropdown.css b/css/desktop/dropdown.css
new file mode 100755
index 0000000..4691602
--- /dev/null
+++ b/css/desktop/dropdown.css
@@ -0,0 +1,52 @@
+/*
+ *  GNUfault.org - GNUfault's website
+ *  Copyright (C) 2026  Connor Thomson
+ *
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.account .toggle {
+    display: none;
+}
+
+.account .username {
+    margin: 3px;
+    cursor: pointer;
+}
+
+.account .username:hover {
+    text-decoration: underline;
+}
+
+.account .menu {
+    display: none;
+    position: absolute;
+    top: 100%;
+    right: 5px;
+    padding: 3px;
+    background-color: white;
+    border: 1px solid #12A3EB;
+    border-radius: 3px;
+}
+
+.account .toggle:checked ~ .menu {
+    display: block;
+}
+
+.account .menu a {
+    display: block;
+    margin: 0;
+    padding: 1px 3px 1px 3px;
+    white-space: nowrap;
+}
diff --git a/css/desktop/navbar.css b/css/desktop/navbar.css
index c013565..c1e8ee2 100755
--- a/css/desktop/navbar.css
+++ b/css/desktop/navbar.css
@@ -17,6 +17,7 @@
  */
 
 .header .navbar {
+    position: relative;
     height: 35px;
     padding: 5px;
     background-color: #CADCEB;
@@ -35,7 +36,3 @@
 .header .navbar a:hover {
     text-decoration: underline;
 }
-
-.header .navbar .username {
-    margin: 3px;
-}
-- 
cgit v1.2.3