corner-menu

1 files changed, 54 insertions, 17 deletions

diff --git a/app/view/templates/navart.php b/app/view/templates/navart.php
index 9ce932d..a98eed6 100644
--- a/app/view/templates/navart.php
+++ b/app/view/templates/navart.php
@@ -1,6 +1,9 @@
 <style>
-.menu {
+.wqn, .wqn *, .wqn:hover *, .wqn *:hover{
     all:initial;
+
+}
+.wqn {
     position: fixed;
     top: 0;
     right: 0;
@@ -8,44 +11,78 @@
     background-color: var(--color1);
 }
 
-div#dropmenu {
+.wqn div#dropwqn {
+    background-color: lightgrey;
+    text-align: right;
+    font-family: monospace;
+}
+
+.wqn li.drop{
+    display: block;
+    text-align: right;
+}
+
+.wqn li.drop a.button:hover, .wqn li.drop input[type="submit"]:hover {
+    color: white;
+}
+
+.wqn li.drop a.button, .wqn li.drop input[type="submit"] {
+    cursor: pointer;
+    font-family: monospace;
+    font-size: 15px;
+}
+
+.wqn li.drop a.button, .wqn li.drop input[type="submit"] {
+    cursor: pointer;
+    font-family: monospace;
+    font-size: 15px;
+}
+
+.wqn div#dropwqn {
     display: none;
 }
 
-.menu:hover div#dropmenu {
+.wqn input#loginpass {
+    width: 70px;
+    background-color: white;
+}
+
+.wqn:hover div#dropwqn {
     display: block;
 }
 
 </style>
 
 
-<div class="menu" >
-    <?= $user->level() ?>
-    <div id="dropmenu">
+<div class="wqn" >
+<div style="opacity: 0.5; text-align: right; display: block;">✎</div>
+    <div id="dropwqn">
 
     <ul>
-
-    <li>
-    <a class="button" href="<?= $this->url('backrouter') ?>">home</a>
+    <li class="drop">
+    <span class="button" style="font-family: monospace; background-color: #7b97b9;" >User lvl : <?= $user->level() ?></span>
+    </li>
+    <li class="drop">
+    <a class="button"  href="<?= $this->url('backrouter') ?>">home</a>
     </li>
 
 
 <?php if($user->isvisitor()) { ?>
 
-    <li>
+    <li class="drop">
     <form action="<?= $this->url('log') ?>" method="post">
     <input type="password" name="pass" id="loginpass" placeholder="password">
     <input type="hidden" name="id" value="<?= $art->id() ?>">
-    <input type="submit" name="log" value="login">
+    <input type="submit" name="log" value="login" id="button">
     </form>
     </li>
 
 <?php } else { ?>    
 
-    <li>
+    <li class="drop">
     <form action="<?= $this->url('log') ?>" method="post">
     <input type="hidden" name="id" value="<?= $art->id() ?>">
-    <input type="submit" name="log" value="logout">
+    <input type="submit" name="log" value="logout" id="button">
     </form>
     </li>
 
@@ -54,10 +91,10 @@ div#dropmenu {
 
 <?php if($user->canedit()  && $artexist) { ?>
 
-    <li>
+    <li class="drop">
     <a class="button" href="<?= $this->uart('artread/', $art->id()) ?>" target="_blank">display</a>
     </li>
-    <li>
+    <li class="drop">
     <a class="button" href="<?= $this->uart('artedit', $art->id()) ?>" >edit</a>
     </li>            
 
@@ -66,7 +103,7 @@ div#dropmenu {
 
 <?php if ($user->canedit()) { ?>
 
-    <li>
+    <li class="drop">
     <a class="button" href="?aff=media" >Media</a>
     </li>
 
@@ -74,7 +111,7 @@ div#dropmenu {
 
 <?php if($user->isadmin()) { ?>
 
-    <li>
+    <li class="drop">
     <a class="button" href="?aff=admin" >Admin</a>
     </li>