mirror/php-adminer
1
0
Fork 0
mirror of https://github.com/vrana/adminer.git synced 2025-08-25 07:20:56 +02:00
Code Issues Releases Wiki Activity

CSS: Hide menu on mobile

Browse Source
This commit is contained in:
Jakub Vrana
2025-03-29 11:11:57 +01:00
parent 6cf3d5d2b8
commit 79fbf9c58a
6 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
adminer/static/dark.css
View File

@@ -44,3 +44,7 @@ input.required, input.maxlength { box-shadow: 1px 1px 1px red; }
#schema div.table a { color: #3c7bb3; }
#menu .active { color: #398c8d; }
#edit-fields tbody tr:hover td, #edit-fields tbody tr:hover th { background: #3b6f9d; }
@media all and (max-width: 880px) {
#menu { background: #002240; border-color: #a3bdd3; }
}

11
adminer/static/default.css
View File

@@ -81,6 +81,7 @@ input.wayoff { left: -1000px; position: absolute; }
#logins a, #tables a, #tables span { background: #fff; }
#content { margin: 2em 0 0 21em; padding: 10px 20px 20px 0; }
#lang { position: absolute; top: -2.6em; left: 0; padding: .3em 1em; }
#menuopen { display: none; }
#breadcrumb { white-space: nowrap; position: absolute; top: 0; left: 21em; background: #eee; height: 2em; line-height: 1.8em; padding: 0 1em; margin: 0 0 0 -18px; }
#h1 { color: #777; text-decoration: none; font-style: italic; }
#version { color: red; }
@@ -94,6 +95,7 @@ input.wayoff { left: -1000px; position: absolute; }
.icon-down { background-image: url(data:image/gif;base64,R0lGODlhEgASAIEAMe7u7gAAgJmZmQAAACH5BAEAAAEALAAAAAASABIAAQIghI+py+0PTQjxzCopvltX/lyix0wm2ZwdxraVAMfyHBcAOw==); }
.icon-plus { background-image: url(data:image/gif;base64,R0lGODlhEgASAIEAMe7u7gAAgJmZmQAAACH5BAEAAAEALAAAAAASABIAAQIhhI+py+0PTQjxzCopvm/6rykgCHGVGaFliLXuI8TyTMsFADs=); }
.icon-cross { background-image: url(data:image/gif;base64,R0lGODlhEgASAIEAMe7u7gAAgJmZmQAAACH5BAEAAAEALAAAAAASABIAAQIjhI+py+0PIwph1kZvfnnDLoFfd2GU4THnsUruC0fCTNc2XQAAOw==); }
.icon-move { background-image: url(data:image/gif;base64,R0lGODlhEgASAJEAAO7u7gAAAJmZmQAAACH5BAEAAAEALAAAAAASABIAAAIfhI+py+3vgpyU0Rug3gnX5U3cqIWSZZLqigjuC8dvAQA7); }
#schema .arrow { height: 1.25em; background: url(data:image/gif;base64,R0lGODlhCAAKAIAAAICAgP///yH5BAEAAAEALAAAAAAIAAoAAAIPBIJplrGLnpQRqtOy3rsAADs=) no-repeat right center; }
.rtl h2 { margin: 0 -18px 20px 0; }
@@ -108,11 +110,14 @@ input.wayoff { left: -1000px; position: absolute; }
@media all and (max-width: 880px) {
.pages { left: auto; }
.logout { position: static; padding: 1em; }
#menu { position: static; width: auto; }
.logout { padding: 1em; top: 3em; }
#menu { width: auto; background: #fff; border: 1px solid #000; }
#content { margin-left: 10px; }
#lang { position: static; }
#breadcrumb { left: auto; }
#breadcrumb { left: 48px; }
.js .foot { display: none; }
.js #menuopen { display: block; position: absolute; top: 3px; left: 6px; }
.nojs .logout, .nojs #menu { position: static; }
.rtl .pages { right: auto; }
.rtl #content { margin-right: 10px; }
.rtl #breadcrumb { right: auto; }

6
adminer/static/functions.js
View File

@@ -849,3 +849,9 @@ oninput = event => {
const maxLength = target.getAttribute('data-maxlength');
alterClass(target, 'maxlength', target.value && maxLength != null && target.value.length > maxLength); // maxLength could be 0
};
addEvent(document, 'click', event => {
if (!qs('#foot').contains(event.target)) {
alterClass(qs('#foot'), 'foot', true);
}
});