Optimizing for small screen display on android devices

BUG=258034

Review URL: https://chromiumcodereview.appspot.com/18615004

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@211384 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 197 insertions, 0 deletions

diff --git a/chrome/browser/resources/policy_android.css b/chrome/browser/resources/policy_android.css
new file mode 100644
index 0000000..6bf8a0d
--- /dev/null
+++ b/chrome/browser/resources/policy_android.css
@@ -0,0 +1,197 @@
+/* Copyright 2013 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file. */
+
+body.uber-frame {
+  -webkit-margin-start: 0;
+}
+
+body.uber-frame > .page {
+  -webkit-margin-end: 0;
+  -webkit-padding-end: 10px;
+  -webkit-padding-start: 10px;
+  min-width: 0;
+}
+
+#filter-overlay {
+  padding-bottom: 0;
+  position: fixed;
+  z-index: 4;
+}
+
+body.uber-frame header {
+  left: 0;
+  max-width: none;
+  min-width: 0;
+}
+
+body.uber-frame header > h1 {
+  margin-left: 10px;
+}
+
+body.uber-frame section {
+  -webkit-padding-start: 0;
+  max-width: none;
+}
+
+body.uber-frame section > h3 {
+  -webkit-margin-start: 0;
+}
+
+#status-box-container {
+  display: -webkit-flex;
+}
+
+fieldset {
+  border: 1px solid rgb(217, 217, 217);
+  display: inline;
+  margin: 0;
+  padding: 7px;
+}
+
+fieldset + fieldset {
+  -webkit-margin-start: 20px;
+}
+
+div.status-entry {
+  display: -webkit-flex;
+  margin-bottom: .8em;
+}
+
+div.status-entry:last-child {
+  margin-bottom: 0;
+}
+
+div.label {
+  -webkit-margin-end: 1em;
+  white-space: nowrap;
+}
+
+#show-unset-container {
+  float: right;
+  text-align: right;
+}
+
+html[dir='rtl'] #show-unset-container {
+  float: left;
+  text-align: left;
+}
+
+div.reload-policies-button {
+  float: left;
+}
+
+html[dir='rtl'] div.reload-policies-button {
+  float: right;
+}
+
+div.show-unset-checkbox {
+  float: right;
+}
+
+html[dir='rtl'] div.show-unset-checkbox {
+  float: left;
+}
+
+section.reload-show-unset-section {
+  padding-bottom: 30px;
+  padding-top: 15px;
+}
+
+section.status-box-section {
+  clear: both;
+}
+
+div.table-description {
+  color: rgb(100, 100, 100);
+}
+
+div.no-policies-set {
+  clear: both;
+  color: rgb(180, 180, 180);
+  font-size: 125%;
+  margin-bottom: 10px;
+  margin-top: 20px;
+  text-align: center;
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 5px;
+  margin-top: 17px;
+  table-layout: fixed;
+  width: 100%;
+  word-wrap: break-word;
+}
+
+section.empty > table {
+  display: none;
+}
+
+section:not(.empty) > div.no-policies-set {
+  display: none;
+}
+
+body.uber-frame * section.policy-table-section {
+  padding-bottom: 10px;
+}
+
+th,
+td {
+  border: 1px solid rgb(217, 217, 217);
+  padding: 4px;
+}
+
+th {
+  background-color: rgb(240, 240, 240);
+  font-weight: normal;
+}
+
+.scope-column {
+  display: none;
+}
+
+.level-column {
+  display: none;
+}
+
+.name-column {
+  width: 45%;
+}
+
+div.name {
+  word-wrap: break-word;
+}
+
+.status-column {
+  width: 15%;
+}
+
+div.elide,
+span.value {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+button.toggle-expanded-value {
+  padding: 0;
+}
+
+tbody.has-overflowed-value span.value {
+  display: none;
+}
+
+tbody:not(.has-overflowed-value) button.toggle-expanded-value {
+  display: none;
+}
+
+tbody:not(.has-overflowed-value) > tr.expanded-value-container,
+tbody:not(.show-overflowed-value) > tr.expanded-value-container {
+  display: none;
+}
+
+td.expanded-value {
+  white-space: pre;
+  word-wrap: break-word;
+}