| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 body.uber-frame { | 5 body.uber-frame { |
| 6 -webkit-margin-start: 155px; | 6 -webkit-margin-start: 155px; |
| 7 } | 7 } |
| 8 | 8 |
| 9 html[dir="rtl"] body.uber-frame { | 9 html[dir="rtl"] body.uber-frame { |
| 10 /* Enable vertical scrollbar at all times in RTL to avoid visual glitches when | 10 /* Enable vertical scrollbar at all times in RTL to avoid visual glitches when |
| 11 * showing sub-pages that vertically overflow. */ | 11 * showing sub-pages that vertically overflow. */ |
| 12 overflow-y: scroll; | 12 overflow-y: scroll; |
| 13 } | 13 } |
| 14 | 14 |
| 15 /* TODO(dbeam): Remove .page class from overlays in settings so the junk below | 15 /* TODO(dbeam): Remove .page class from overlays in settings so the junk below |
| 16 * isn't necessary. */ | 16 * isn't necessary. */ |
| 17 body.uber-frame #extension-settings.page, | 17 body.uber-frame #extension-settings.page, |
| 18 body.uber-frame #mainview-content .page, | 18 body.uber-frame #mainview-content .page, |
| 19 body.uber-frame .subpage-sheet-container .page, | 19 body.uber-frame .subpage-sheet-container .page, |
| 20 body.uber-frame > .page { | 20 body.uber-frame > .page { |
| 21 padding-top: 55px; | 21 padding-top: 55px; |
| 22 } | 22 } |
| 23 | 23 |
| 24 body.uber-frame header { | 24 body.uber-frame header { |
| 25 background: white; | 25 background: white; |
| 26 left: 155px; | 26 left: 155px; |
| 27 min-width: 600px; | 27 min-width: 700px; |
| 28 /* <section>s in options currently amount to 638px total, broken up into | 28 /* <section>s in options currently amount to 638px total, broken up into |
| 29 * 600px max-width + 18px -webkit-padding-start + 20px -webkit-margin-end | 29 * 600px max-width + 18px -webkit-padding-start + 20px -webkit-margin-end |
| 30 * so we mirror this value here so the headers match width and horizontal | 30 * so we mirror this value here so the headers match width and horizontal |
| 31 * alignment when scrolling sideways. */ | 31 * alignment when scrolling sideways. */ |
| 32 max-width: 638px; | 32 max-width: 738px; |
| 33 position: fixed; | 33 position: fixed; |
| 34 right: 155px; | 34 right: 155px; |
| 35 top: 0; | 35 top: 0; |
| 36 z-index: 2; | 36 z-index: 2; |
| 37 } | 37 } |
| 38 | 38 |
| 39 /* This is to make it appear that <headers> cover options <section> text when | |
| 40 * vertically scrolling. Without it, some text is visible beside a <header>. */ | |
| 41 html[dir="ltr"] body.uber-frame header:after, | |
| 42 html[dir="rtl"] body.uber-frame header:before { | |
| 43 background: white; | |
| 44 content: " "; | |
| 45 display: block; | |
| 46 height: 100%; | |
| 47 position: absolute; | |
| 48 width: 100px; | |
| 49 } | |
| 50 | |
| 51 body.uber-frame header, | |
| 52 body.uber-frame header > * { | |
| 53 -webkit-box-flex: 1; | |
| 54 display: -webkit-box; | |
| 55 } | |
| 56 | |
| 57 body.uber-frame header > h1 { | 39 body.uber-frame header > h1 { |
| 58 border-bottom: 1px solid #f7f7f7; | 40 border-bottom: 1px solid #f7f7f7; |
| 59 margin: 0; | 41 margin: 0; |
| 60 padding: 21px 0 13px; | 42 padding: 21px 0 13px; |
| 61 } | 43 } |
| OLD | NEW |