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 html[dir='rtl'] body.uber-frame > .page { | 5 html[dir='rtl'] body.uber-frame > .page { |
6 -webkit-margin-end: 0; | 6 -webkit-margin-end: 0; |
7 } | 7 } |
8 | 8 |
9 body.uber-frame > .page.big-topbar-page { | 9 body.uber-frame > .page.big-topbar-page { |
10 padding-top: 78px; | 10 padding-top: 78px; |
(...skipping 20 matching lines...) Expand all Loading... | |
31 | 31 |
32 #notification-bar { | 32 #notification-bar { |
33 float: right; | 33 float: right; |
34 padding-top: 5px; | 34 padding-top: 5px; |
35 } | 35 } |
36 | 36 |
37 html[dir='rtl'] #notification-bar { | 37 html[dir='rtl'] #notification-bar { |
38 float: left; | 38 float: left; |
39 } | 39 } |
40 | 40 |
41 #notification-bar.alone { | 41 #top-container.overflow #notification-bar { |
Dan Beam
2016/04/01 15:32:18
why did you need to change this?
| |
42 float: left; | 42 float: left; |
43 margin-top: 12px; | 43 margin-top: 12px; |
44 } | 44 } |
45 | 45 |
46 html[dir='rtl'] #notification-bar.alone { | 46 html[dir='rtl'] #top-container.overflow #notification-bar { |
47 float: right; | 47 float: right; |
48 } | 48 } |
49 | 49 |
50 #notification-bar span { | |
51 display: block; | |
52 } | |
53 | |
54 #notification-bar span + span { | |
55 margin: 1em 0; | |
56 } | |
57 | |
50 #filter-controls, | 58 #filter-controls, |
51 #top-container, | 59 #top-container, |
52 #results-display, | 60 #results-display, |
53 #results-pagination { | 61 #results-pagination { |
54 max-width: 718px; | 62 max-width: 718px; |
55 } | 63 } |
56 | 64 |
57 #filter-controls { | 65 #filter-controls { |
58 display: flex; | 66 display: flex; |
59 margin-bottom: 4px; | 67 margin-bottom: 4px; |
60 margin-top: 4px; | 68 margin-top: 4px; |
61 } | 69 } |
62 | 70 |
63 #filter-controls > * { | 71 #filter-controls > * { |
64 flex: 1; | 72 flex: 1; |
65 } | 73 } |
66 | 74 |
67 #editing-controls { | 75 #editing-controls { |
68 -webkit-margin-end: 12px; | 76 -webkit-margin-end: 12px; |
69 float: left; | 77 float: left; |
70 } | 78 } |
71 | 79 |
72 html[dir='rtl'] #editing-controls { | 80 html[dir='rtl'] #editing-controls { |
73 float: right; | 81 float: right; |
74 } | 82 } |
75 | 83 |
84 #top-container.overflow #editing-controls { | |
85 float: none; | |
86 } | |
87 | |
76 #editing-controls button:first-of-type { | 88 #editing-controls button:first-of-type { |
77 -webkit-margin-start: 0; | 89 -webkit-margin-start: 0; |
78 } | 90 } |
79 | 91 |
80 #range-next, | 92 #range-next, |
81 #range-previous { | 93 #range-previous { |
82 background-image: url(../disclosure_triangle_small.png), | 94 background-image: url(../disclosure_triangle_small.png), |
83 -webkit-linear-gradient(rgb(241, 241, 241), | 95 -webkit-linear-gradient(rgb(241, 241, 241), |
84 rgb(241, 241, 241) 38%, | 96 rgb(241, 241, 241) 38%, |
85 rgb(230, 230, 230)); | 97 rgb(230, 230, 230)); |
(...skipping 534 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
620 | 632 |
621 #action-menu[data-devicetype='phone']::before { | 633 #action-menu[data-devicetype='phone']::before { |
622 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); | 634 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); |
623 background-position: 14px center; | 635 background-position: 14px center; |
624 padding-left: 43px; | 636 padding-left: 43px; |
625 } | 637 } |
626 | 638 |
627 #action-menu[data-devicetype='tablet']::before { | 639 #action-menu[data-devicetype='tablet']::before { |
628 background-image: url(../../../../ui/webui/resources/images/tablet.svg); | 640 background-image: url(../../../../ui/webui/resources/images/tablet.svg); |
629 } | 641 } |
OLD | NEW |