diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/app.css | 46 | ||||
| -rw-r--r-- | assets/css/base.css | 1 | ||||
| -rw-r--r-- | assets/css/form.css | 2 | ||||
| -rw-r--r-- | assets/css/responsive.css | 39 | ||||
| -rw-r--r-- | assets/css/sidebar.css | 4 |
5 files changed, 84 insertions, 8 deletions
diff --git a/assets/css/app.css b/assets/css/app.css index c79e5f48..e37b57f6 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -24,6 +24,7 @@ body { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; + -webkit-text-size-adjust: 100%; } ul.no-bullet li { @@ -183,7 +184,6 @@ label { input[type="number"], input[type="date"], input[type="email"], -input[type="tel"], input[type="password"], input[type="text"] { color: #888; @@ -202,7 +202,6 @@ input[type="text"] { input[type="number"]:focus, input[type="date"]:focus, input[type="email"]:focus, -input[type="tel"]:focus, input[type="password"]:focus, input[type="text"]:focus, textarea:focus { @@ -1284,14 +1283,14 @@ tr td.task-orange, } .sidebar-content { - margin-left: 330px; + margin-left: 280px; } .sidebar { position: absolute; left: 0px; top: 0; - width: 250px; + max-width: 250px; padding: 10px; padding-top: 0; border: 1px solid #ddd; @@ -1315,6 +1314,10 @@ tr td.task-orange, font-size: 0.85em; } + .sidebar-content { + margin-left: 255px; + } + .form-tab { max-width: 404px; } @@ -1327,6 +1330,41 @@ tr td.task-orange, .form-inline-group input[type="submit"] { margin-top: 20px; } + + td > input[type="text"] { + max-width: 150px; + } +} + +@media only screen and (max-width: 1024px) and (orientation: landscape) { + + body { + font-size: 0.7em; + } + + header { + padding-bottom: 4px; + } + + .sidebar { + max-width: 220px; + } + + .sidebar-content { + margin-left: 225px; + } + + div.chosen-container { + font-size: 0.9em; + } + + input[type="number"], + input[type="date"], + input[type="email"], + input[type="password"], + input[type="text"] { + height: 18px; + } } /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome diff --git a/assets/css/base.css b/assets/css/base.css index f4c438a2..a8c7d73e 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -23,6 +23,7 @@ body { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; + -webkit-text-size-adjust: 100%; } ul.no-bullet li { diff --git a/assets/css/form.css b/assets/css/form.css index ec566684..b6cb891e 100644 --- a/assets/css/form.css +++ b/assets/css/form.css @@ -12,7 +12,6 @@ label { input[type="number"], input[type="date"], input[type="email"], -input[type="tel"], input[type="password"], input[type="text"] { color: #888; @@ -31,7 +30,6 @@ input[type="text"] { input[type="number"]:focus, input[type="date"]:focus, input[type="email"]:focus, -input[type="tel"]:focus, input[type="password"]:focus, input[type="text"]:focus, textarea:focus { diff --git a/assets/css/responsive.css b/assets/css/responsive.css index 38a57593..ac767bbb 100644 --- a/assets/css/responsive.css +++ b/assets/css/responsive.css @@ -10,6 +10,10 @@ font-size: 0.85em; } + .sidebar-content { + margin-left: 255px; + } + .form-tab { max-width: 404px; } @@ -22,4 +26,39 @@ .form-inline-group input[type="submit"] { margin-top: 20px; } + + td > input[type="text"] { + max-width: 150px; + } +} + +@media only screen and (max-width: 1024px) and (orientation: landscape) { + + body { + font-size: 0.7em; + } + + header { + padding-bottom: 4px; + } + + .sidebar { + max-width: 220px; + } + + .sidebar-content { + margin-left: 225px; + } + + div.chosen-container { + font-size: 0.9em; + } + + input[type="number"], + input[type="date"], + input[type="email"], + input[type="password"], + input[type="text"] { + height: 18px; + } } diff --git a/assets/css/sidebar.css b/assets/css/sidebar.css index b8a94838..7618ad22 100644 --- a/assets/css/sidebar.css +++ b/assets/css/sidebar.css @@ -5,14 +5,14 @@ } .sidebar-content { - margin-left: 330px; + margin-left: 280px; } .sidebar { position: absolute; left: 0px; top: 0; - width: 250px; + max-width: 250px; padding: 10px; padding-top: 0; border: 1px solid #ddd; |