Update admin.css

- Fixes a problem in the admin area when rendering font-sizes on mobile devices
This commit is contained in:
Fraenkiman 2023-10-27 00:40:09 +02:00
parent be328ce1f0
commit 444b57f836

View File

@ -18,6 +18,8 @@ last change: 2022-02-19
@import url(globals.css); @import url(globals.css);
/* ===== VARIOUS ===== */ /* ===== VARIOUS ===== */
@viewport { width: device-width }
.buttonbar input { .buttonbar input {
padding: .3em; padding: .3em;
background: #bdbdbd url(../imgs/buttonsh.png) repeat-x; background: #bdbdbd url(../imgs/buttonsh.png) repeat-x;
@ -55,16 +57,24 @@ body#inline-body input {
} }
/* ===== Smartphone and Tablet ===== */
@media (max-width: 1920px) { /* prevents too large font size on mobile devices */
#body-container {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none
}
}
/* === Conflict with inner h1 === */ /* === Conflict with inner h1 === */
#admin-content h1 { color: black } #admin-content h1 { color: black }
/* DIV CONTAINER ALL ADMIN DIV BLOCK */ /* DIV CONTAINER ALL ADMIN DIV BLOCK */
#cpmain { padding: 10px } #cpmain { padding: 10px }
/* ===== SMALL NAVBAR (home and logout links) ===== */ /* ===== SMALL NAVBAR (home and logout links) ===== */
ul#admin-small-nav { ul#admin-small-nav {
font-size: 80%; font-size: 80%;
@ -75,7 +85,6 @@ ul#admin-small-nav {
ul#admin-small-nav li { display: inline; margin: 5px } ul#admin-small-nav li { display: inline; margin: 5px }
/* ===== TAB MENU ===== */ /* ===== TAB MENU ===== */
ul#admin-tabmenu { ul#admin-tabmenu {
margin: 1em 0 0 0; margin: 1em 0 0 0;
@ -113,8 +122,8 @@ ul#admin-tabmenu li a.admin-tab-current {
font-weight: bold; font-weight: bold;
} }
/* ===== submenu ====== */
/* ===== submenu ====== */
#admin-submenu { #admin-submenu {
background: #eee; background: #eee;
padding: .5em; padding: .5em;
@ -148,7 +157,6 @@ ul#admin-tabmenu li a.admin-tab-current {
} }
/* ===== MAIN MENU ITEM ===== */ /* ===== MAIN MENU ITEM ===== */
#admin-content { padding: 1em } #admin-content { padding: 1em }
@ -166,7 +174,6 @@ ul#admin-tabmenu li a.admin-tab-current {
} }
/* ===== ADMIN ENTRY ===== */ /* ===== ADMIN ENTRY ===== */
input#subject { input#subject {
width: 99%; width: 99%;
@ -191,8 +198,6 @@ textarea.code {
#admin-bbcode-toolbar select { width: 10em } #admin-bbcode-toolbar select { width: 10em }
#admin-content table { width: 100%; } #admin-content table { width: 100%; }
#admin-content td { #admin-content td {
@ -224,7 +229,6 @@ textarea.code {
input.maxsize, select.maxsize { width: 100% } input.maxsize, select.maxsize { width: 100% }
#admin-bbcode-toolbar { #admin-bbcode-toolbar {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -244,7 +248,6 @@ input.maxsize, select.maxsize { width: 100% }
height: 11em; height: 11em;
} }
#plugin-table td { #plugin-table td {
padding: 1em .6em; padding: 1em .6em;
} }
@ -308,6 +311,7 @@ input.maxsize, select.maxsize { width: 100% }
text-align: right; text-align: right;
} }
/* ===== UPLOAD PANEL ===== */ /* ===== UPLOAD PANEL ===== */
#admin-uploader-filelist { #admin-uploader-filelist {
margin: 1em auto; margin: 1em auto;
@ -333,7 +337,6 @@ input.maxsize, select.maxsize { width: 100% }
/* ===== THEME PANEL ===== */ /* ===== THEME PANEL ===== */
#current-theme h5, #current-theme h5,
#available-themes h5 { #available-themes h5 {
font-size: 1em; font-size: 1em;
@ -344,7 +347,6 @@ input.maxsize, select.maxsize { width: 100% }
overflow:hidden; overflow:hidden;
} }
#current-theme img { #current-theme img {
float:left; float:left;
border: 1px solid #ddd; border: 1px solid #ddd;
@ -355,7 +357,6 @@ input.maxsize, select.maxsize { width: 100% }
clear: both; clear: both;
} }
#available-themes img { #available-themes img {
border: 1px solid #eee border: 1px solid #eee
} }
@ -440,7 +441,6 @@ li.admin-widgetset {
margin-left: 0; margin-left: 0;
} }
li.widget-instance, li.widget-instance,
li.widget-class { li.widget-class {
cursor: move; cursor: move;
@ -452,7 +452,6 @@ li.widget-class {
list-style-type: none; list-style-type: none;
} }
.admin-widgetset h3 { .admin-widgetset h3 {
font-style: italic; font-style: italic;
margin-bottom:1em; margin-bottom:1em;
@ -485,7 +484,6 @@ li.widget-class {
background-color:white; background-color:white;
} }
.widget-instance .textinput:focus { .widget-instance .textinput:focus {
font-style: normal; font-style: normal;
border: #f00 2px solid; border: #f00 2px solid;
@ -493,7 +491,6 @@ li.widget-class {
text-align: left; text-align: left;
} }
.widgetname a, .widgetname a,
.widgetname a:link, .widgetname a:link,
.widgetname a:visited { .widgetname a:visited {
@ -516,7 +513,6 @@ li.widget-class {
/* ===== CONFIG PANEL ===== */ /* ===== CONFIG PANEL ===== */
.option-set .option-list { .option-set .option-list {
margin-bottom: 4em; margin-bottom: 4em;
} }
@ -543,12 +539,10 @@ li.widget-class {
line-height: 1.5em; line-height: 1.5em;
} }
.option-set dd p { .option-set dd p {
margin: 0; margin: 0;
} }
.option-set dd input{ .option-set dd input{
margin-bottom: .2em; margin-bottom: .2em;
} }
@ -572,12 +566,10 @@ li.widget-class {
width: 20em; width: 20em;
} }
.option-set input.bigtextinput { .option-set input.bigtextinput {
width: 30em; width: 30em;
} }
.option-set input.smalltextinput { .option-set input.smalltextinput {
width: 5em; width: 5em;
} }
@ -596,6 +588,7 @@ a.link-disable:hover, a.link-delete:hover {
background-color: red; background-color: red;
color: white; color: white;
} }
a.link-enable:hover { a.link-enable:hover {
background-color: green; background-color: green;
color: white; color: white;
@ -607,7 +600,6 @@ a.link-general:hover, .main-cell a:hover {
} }
/* ===== NOTIFICATIONS ===== */ /* ===== NOTIFICATIONS ===== */
.hint { .hint {
cursor: help; cursor: help;