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 |