Index: chrome/browser/resources/policy.css |
diff --git a/chrome/browser/resources/policy.css b/chrome/browser/resources/policy.css |
index 12d7bae27235c1e2c90256420c8bbfb919e98465..e0f563ac73c63a9ce2e5b66154e4a2184d820937 100644 |
--- a/chrome/browser/resources/policy.css |
+++ b/chrome/browser/resources/policy.css |
@@ -2,182 +2,125 @@ |
* Use of this source code is governed by a BSD-style license that can be |
* found in the LICENSE file. */ |
-body { |
- color: black; |
- cursor: default; |
- font-family: Arial, sans-serif; |
- font-size: 14px; |
- margin: 0 10px; |
- min-width: 47em; |
+body.uber-frame { |
+ -webkit-margin-start: 23px; |
} |
-button { |
- font-size: 0.9em; |
-} |
- |
-#header { |
- border-bottom: 1px solid #000; |
- padding-top: 20px; |
-} |
- |
-#about-policy-title { |
+body.uber-frame > .page { |
+ -webkit-margin-end: 0; |
-webkit-padding-end: 24px; |
- -webkit-user-select: none; |
- border-bottom: 1px solid rgb(198, 201, 206); |
- color: rgb(83, 99, 125); |
- cursor: pointer; |
- font-size: 200%; |
- font-weight: normal; |
- margin: 0; |
- padding-bottom: 14px; |
- padding-top: 13px; |
- text-shadow: white 0 1px 2px; |
-} |
- |
-#main-content { |
- min-height: 100%; |
-} |
- |
-#status-title, |
-#policies-title { |
- font-size: 120%; |
- font-weight: bold; |
- width: 65%; |
-} |
- |
-section { |
- border-bottom: 1px solid #eee; |
- margin-top: 17px; |
- padding-bottom: 20px; |
- width: 100%; |
-} |
- |
-.separator { |
- -webkit-box-orient: horizontal; |
- display: -webkit-box; |
} |
-#fetch-policies, |
-#unsent-policies-control { |
- -webkit-box-flex: 1; |
+#filter-overlay { |
+ padding-bottom: 0; |
+ position: fixed; |
+ z-index: 4; |
} |
-#fetch-policies, |
-#unsent-policies-control, |
-#search { |
- bottom: 3px; |
- position: relative; |
+body.uber-frame header { |
+ left: 23px; |
+ max-width: none; |
} |
-#fetch-policies { |
- margin-top: 20px; |
+body.uber-frame section { |
+ max-width: none; |
} |
-#checkbox-and-label { |
- -webkit-padding-end: 20px; |
- float: right; |
+#status-box-container { |
+ display: -webkit-flex; |
} |
-html[dir='rtl'] #checkbox-and-label { |
- float: left; |
+fieldset { |
+ border: 1px solid rgb(217, 217, 217); |
+ display: inline; |
+ margin: 0; |
+ padding: 7px; |
} |
-#search-field { |
- bottom: 2px; |
- position: relative; |
+fieldset + fieldset { |
+ -webkit-margin-start: 20px; |
} |
-#status-pane { |
- -webkit-box-flex: 1; |
- -webkit-box-orient: horizontal; |
- display: -webkit-box; |
- margin: 0 10%; |
+div.status-entry { |
+ display: -webkit-flex; |
+ margin-bottom: .8em; |
} |
-.status-box { |
- border: 1px solid #d9d9d9; |
- margin: 20px 100px; |
- min-height: 140px; |
- min-width: 300px; |
- overflow: hidden; |
- padding: 2px; |
- width: 30%; |
+div.status-entry:last-child { |
+ margin-bottom: 0; |
} |
-legend { |
- padding: 0.2em 0.5em; |
+div.label { |
+ -webkit-margin-end: 1em; |
+ white-space: nowrap; |
} |
-.status-box ul { |
- -webkit-padding-start: 10px; |
- list-style-type: none; |
+#show-unset-container { |
+ text-align: right; |
} |
-.status-box li { |
- padding: 3px; |
+html[dir='rtl'] #show-unset-container { |
+ text-align: left; |
} |
-#no-policies-text { |
- font-weight: bold; |
- margin: 20px; |
+div.no-policies-set { |
+ color: rgb(180, 180, 180); |
+ font-size: 125%; |
+ margin-top: 70px; |
text-align: center; |
} |
-#policy-table { |
- table-layout: fixed; |
- width: 100%; |
+section:not(.empty) > div.no-policies-set { |
+ display: none; |
} |
-#policy-table th td { |
- border: 1px solid #fff; |
+table { |
border-collapse: collapse; |
+ margin-bottom: 5px; |
+ margin-top: 17px; |
+ table-layout: fixed; |
+ width: 100% |
} |
-#policy-table th { |
- background-color: rgb(218, 218, 221); |
- padding: 10px; |
+section.empty > table { |
+ display: none; |
} |
-#policy-table td { |
- background-color: rgb(234, 238, 243); |
- padding: 10px; |
- position: relative; |
- vertical-align: top; |
- width: 20%; |
+th, |
+td { |
+ border: 1px solid rgb(217, 217, 217); |
+ padding: 7px; |
} |
-.text-collapsed { |
- bottom: 0; |
- left: 0; |
- margin: 10px; |
- overflow: hidden; |
- position: absolute; |
- right: 0; |
- top: 0; |
+th { |
+ background-color: rgb(240, 240, 240); |
+ font-weight: normal; |
} |
-.text-cell { |
+div.elide, |
+span.value { |
overflow: hidden; |
+ text-overflow: ellipsis; |
+ white-space: nowrap; |
} |
-.text-collapsed .text-cell { |
- text-overflow: ellipsis; |
+button.toggle-expanded-value { |
+ padding: 0; |
} |
-.text-expanded .text-cell { |
- overflow: visible; |
- word-wrap: break-word; |
+tbody.has-overflowed-value span.value { |
+ display: none; |
} |
-.text-collapsed .text-value { |
- white-space: nowrap; |
+tbody:not(.has-overflowed-value) button.toggle-expanded-value { |
+ display: none; |
} |
-.text-expanded .text-value { |
- white-space: pre-wrap; |
+tbody:not(.has-overflowed-value) > tr.expanded-value-container, |
+tbody:not(.show-overflowed-value) > tr.expanded-value-container { |
+ display: none; |
} |
-.toggler { |
- float: right; |
- padding: 0 3px !important; |
+td.expanded-value { |
+ word-wrap: break-word; |
} |