CSS: Add background to logout (fix #987)

Also simplify shadows which might fix #986.

diff --git a/adminer/static/default.css b/adminer/static/default.css
index 9d5f77c0c3b0ae8f978e39b3ca579d82f2e3cd8f..f34dfcec28900444b7095ac6cfd40a63a6e609a3 100644 (file)
--- a/adminer/static/default.css
+++ b/adminer/static/default.css
@@ -71,11 +71,11 @@ input.wayoff { left: -1000px; position: absolute; }
 .icon:hover { background-color: red; }
 .size { width: 7ex; }
 .help { cursor: help; }
-.footer { position: sticky; bottom: 0; margin-right: -20px; border-top: 20px solid rgb(from var(--bg) r g b / .7); border-image: linear-gradient(rgb(from var(--bg) r g b / .2), var(--bg)) 100% 0; }
+.footer { position: sticky; bottom: 0; margin: 1em -20px .5em 0; box-shadow: 0 -5px 10px 10px var(--bg); }
 .footer > div { background: var(--bg); padding: 0 0 .5em; }
 .footer fieldset { margin-top: 0; }
 .links a { white-space: nowrap; margin-right: 20px; }
-.logout { margin-top: .5em; position: absolute; top: 0; right: 0; }
+.logout { margin-top: .5em; position: absolute; top: 0; right: 0; background-color: var(--bg); box-shadow: 0 0 5px 5px var(--bg); }
 .loadmore { margin-left: 1ex; }
 /* .edit used in designs */
 #menu { position: absolute; margin: 10px 0 0; top: 2em; left: 0; width: 19em; }
@@ -116,8 +116,8 @@ input.wayoff { left: -1000px; position: absolute; }
 
 @media all and (max-width: 800px) {
        .pages { left: auto; }
-       .js .logout { top: 1.667em; }
-       #menu { position: static; width: auto; min-width: 23em; background: var(--bg); border: 1px solid var(--fg); margin-top: 9px; box-shadow: 0 0 20px rgb(from var(--fg) r g b / .7); }
+       .js .logout { top: 1.667em; background-color: #eee; box-shadow: 0 0 5px 5px #eee; }
+       #menu { position: static; width: auto; min-width: 23em; background: var(--bg); border: 1px solid var(--fg); margin-top: 9px; box-shadow: 0 0 20px -3px var(--fg); }
        #content { margin-left: 10px !important; }
        #lang { position: static; }
        #breadcrumb { left: 48px !important; }