From 4b0b011b93f9b684e5ab81f493f239f478fc3f2b Mon Sep 17 00:00:00 2001 From: Lucas Sandery Date: Sun, 25 Nov 2018 21:04:30 +1030 Subject: [PATCH] Allow responsive styles on larger devices and fix a media query. Signed-off-by: Lucas Sandery --- adminer/static/default.css | 2 +- designs/hever/adminer.css | 2 +- designs/lucas-sandery/adminer.css | 2 +- designs/nicu/adminer.css | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/adminer/static/default.css b/adminer/static/default.css index dbcf9473..5264c999 100644 --- a/adminer/static/default.css +++ b/adminer/static/default.css @@ -105,7 +105,7 @@ a.copy-to-clipboard.icon { font-size: 0; padding: 12px 8px 5px 8px; margin-left: .rtl input.wayoff { left: auto; right: -1000px; } .rtl #lang, .rtl #menu { left: auto; right: 0; } -@media all and (max-device-width: 880px) { +@media all and (max-width: 880px) { .pages { left: auto; } #menu { position: static; width: auto; } #content { margin-left: 10px; } diff --git a/designs/hever/adminer.css b/designs/hever/adminer.css index 0dcf0e25..2a2ffb54 100644 --- a/designs/hever/adminer.css +++ b/designs/hever/adminer.css @@ -18,7 +18,7 @@ a[href$="&dump="] {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA a[href*="&import="] {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gEJFDQPlDJUDwAAAiNJREFUOMutk0tI1FEUh7//Y9TJghyc1KQ20lMthRAlgoKgVkWte6wid0EICUHUQjdBErRqHYmQghgU5KLQGB8FKVEMCi0G1JmRbPLJ/O89p8XYOAMZBB24HM5dfL/fOfdcB6Aj1j6kqm2qWv/o5NMk/xBOR6z9dVVpzbmQEyKxPMcBc5svbheHs91YK1hRjJWCY7FGsSKT3VcPtviquqaqVJVVY6xlZu0hYpRrpyJ/Vb7fN3sMwAG4965Hw+ElKrzdlPphPqTHaYw0EdiAQEwuW4MRg7GGzrYu7j6L8/hGg+MD7DNXmF7tpDpSg6MOYpWbzbe2VV/dMATGAuADTLt3UFEmU+OICCpK72hqW8CFExGymwAAnrya15X1QJ+PJFVVtW90QQvjRay4TmfW9XrPpOYdBFYQVXwP+mMpPM9lYCyF44K7KTI4kQJVQj4cqd1BNihowVpBAd9zuNQSZXAizcWWPXmH/WPJonp27ifGCEUOVMB34eXHNJ6Xy5C7+w3xHRDg6N4ylEKAEVSVkAfnm6MMTy1y9nhlXvHNpzSthyrYFfYBiCcylJf6WwAjOZrnOgxPLQLks+tAIDDydSkPrIuWYG2BA2NMbgYunGms5O3nRU43bDkYGEtzuTWar+OJDN5ma1szUKVh/07mv69TVxXm28JK/i/U15YQT2SKdkFEpeAV9P2D3pmmrJXywFgCY7FGCKxgrPnjMv1Y3hjif8QvwdlGGi2XXTgAAAAASUVORK5CYII=") no-repeat scroll 2px bottom; padding-left:22px;} a[href$="&import="] {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gEJFDMETKEbQAAAAjZJREFUOMuVkjFoU2EUhc//3gsvptFCIdRHh2CrQ1AcmsUYHTKJDkJrFUdx6uJkpuLspCI4xaJLNik4SMGlOKgEdekQ0EEwFhJqCw+a16RJ//+/x0Heo6XN4B0v537nHLgKAKqNxXckSyTPPyu//IP/GFVtLL6f9INrKZXC791f3UvDysPP3tryjcHt7yTPkRQRaZL8KSKvRGRtbm7OxgCPZJ8kJtOnYaw99ZUfl8UQ5XK5kMlkQBI7OzuzURTNbmxs3Nne3v60srJyd2FhoQ0AztPLtflOv/22tdtCVo3hwvhFUATZbBaO48B1XUxMTCCfz6NUKmF6evqKtfZxnMABgOdXl+c7vTZ87wQUFcRyZOepqSmIyPWkAgA8+HCfFMG3rS8QEVCIvb09pFIpkES/30cYhmi325iZmYGI4BDgReW1Wl1d3apUKrler4coitBqtUASxhh0u10Mh0N4ngeSRwEAQBIk4bou0uk0PM+D53nQWsMYA/JfLRGBtfYoQEQSx/hIKQVrbbJzHGd0ghgQHxhj4LourLXQWkNrDdd1E81IQCy21iaAOEFcU2t9PEBEEvcYeDBZrNvf38ehPwAAay3CMEQul4Pv+4f/XSkEQYBisYhOpzMywb1Go/GmUCiM5fN5+L4PpRRIIggCRFGEZrOJ9fX1TWPMzQR+0Kler58RkUcicstxnPFMJgNjDMIwxGAw2DTG1K21T5aWlraOBRycWq120hhz1hgjWusf1Wp1eJzuL3uxkTGLHB98AAAAAElFTkSuQmCC") no-repeat scroll 2px bottom; padding-left:22px;} -@media all and (min-device-width: 881px) { +@media all and (min-width: 881px) { #menu .links {height:22px; transition:.2s;} #menu .links:hover {height:5em;} #menu .links a {color:transparent; transition:.2s; display:block; margin-bottom:-1.25em;} diff --git a/designs/lucas-sandery/adminer.css b/designs/lucas-sandery/adminer.css index b128fce3..0e3752fe 100644 --- a/designs/lucas-sandery/adminer.css +++ b/designs/lucas-sandery/adminer.css @@ -708,7 +708,7 @@ input[type="file"]:disabled::-moz-file-upload-button { margin-left: 0; } -@media all and (max-device-width: 880px) { +@media all and (max-width: 880px) { body { padding-bottom: 2em; } diff --git a/designs/nicu/adminer.css b/designs/nicu/adminer.css index bdddded0..b836a485 100644 --- a/designs/nicu/adminer.css +++ b/designs/nicu/adminer.css @@ -368,7 +368,7 @@ td.nowrap { right: 0; left: auto; } -@media all and (max-device-width:880px) { +@media all and (max-width: 880px) { .pages { left: auto; }