Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(431)

Side by Side Diff: chrome/browser/resources/history/history_mobile.css

Issue 1838333004: Add a notice about other forms of browsing history to the History WebUI. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@desktop-ui-after-rebase
Patch Set: Accessibility test Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2013 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 /* This file contains styles specific to Android and iOS. */ 5 /* This file contains styles specific to Android and iOS. */
6 6
7 html:not(.focus-outline-visible) :focus { 7 html:not(.focus-outline-visible) :focus {
8 outline: none; 8 outline: none;
9 } 9 }
10 10
11 html { 11 html {
12 height: 100%; 12 height: 100%;
13 } 13 }
14 14
15 body { 15 body {
16 background-color: rgba(0, 0, 0, .05);
16 color: rgb(76, 76, 76); 17 color: rgb(76, 76, 76);
17 font-size: initial; 18 font-size: initial;
18 height: 100%; 19 height: 100%;
19 margin: 0; 20 margin: 0;
20 } 21 }
21 22
22 .page { 23 .page {
23 -webkit-flex-flow: column; 24 -webkit-flex-flow: column;
24 display: -webkit-flex; 25 display: -webkit-flex;
25 height: 100%; 26 height: 100%;
26 } 27 }
27 28
28 #scrolling-container { 29 #scrolling-container {
29 -webkit-flex: auto; /* Container should take up extra vertical space. */ 30 -webkit-flex: auto; /* Container should take up extra vertical space. */
30 -webkit-overflow-scrolling: touch; 31 -webkit-overflow-scrolling: touch;
31 overflow-y: auto; 32 overflow-y: auto;
32 } 33 }
33 34
34 h1 { 35 h1 {
36 color: rgb(34, 34, 34);
35 font-weight: bold; 37 font-weight: bold;
36 margin-bottom: 12px; 38 margin-bottom: 12px;
37 } 39 }
38 40
39 #top-container, 41 #top-container,
40 #results-display { 42 #results-display {
41 margin: 0; 43 margin: 0;
42 } 44 }
43 45
44 #top-container, 46 #top-container,
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
80 display: block; 82 display: block;
81 line-height: 1.5; 83 line-height: 1.5;
82 margin-top: 16px; 84 margin-top: 16px;
83 width: 100%; 85 width: 100%;
84 } 86 }
85 87
86 html[dir='rtl'] #search-field { 88 html[dir='rtl'] #search-field {
87 background-position: right 16px center; 89 background-position: right 16px center;
88 } 90 }
89 91
90 #notification-bar.alone { 92 #notification-bar {
93 color: rgb(138, 138, 138);
94 font-size: 14px;
95 line-height: 1.5;
96 }
97
98 #notification-bar span {
99 /* On desktop, notification spans are displayed as separate paragraphs.
100 On mobile, join them into a single paragraph. */
Dan Beam 2016/04/01 15:32:18 /* ... * ... */ ^
101 display: inline;
102 }
103
104 #top-container.overflow #notification-bar {
91 float: none; 105 float: none;
92 font-size: 75%;
93 margin: 0; 106 margin: 0;
94 padding-bottom: 0; 107 padding-bottom: 0;
95 padding-top: 0; 108 padding-top: 0;
96 } 109 }
97 110
98 #remove-selected, 111 #remove-selected,
99 #search-button, 112 #search-button,
100 .gap { 113 .gap {
101 display: none; 114 display: none;
102 } 115 }
(...skipping 13 matching lines...) Expand all
116 opacity: 0.7; 129 opacity: 0.7;
117 padding: 0 16px; 130 padding: 0 16px;
118 vertical-align: top; 131 vertical-align: top;
119 width: 45px; 132 width: 45px;
120 } 133 }
121 134
122 button.remove-entry:active { 135 button.remove-entry:active {
123 opacity: 1.0; 136 opacity: 1.0;
124 } 137 }
125 138
139 .entry {
140 background-color: white;
141 }
142
126 .entry-box { 143 .entry-box {
127 margin-bottom: 0; 144 margin-bottom: 0;
128 margin-top: 0; 145 margin-top: 0;
129 padding-bottom: 0; 146 padding-bottom: 0;
130 } 147 }
131 148
132 h3, 149 h3,
133 .entry, 150 .entry,
134 #search-field { 151 #search-field {
135 border-bottom: 1px solid rgb(220, 220, 220); 152 border-bottom: 1px solid rgb(220, 220, 220);
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after
337 354
338 .ios-keyboard-visible #scrolling-container { 355 .ios-keyboard-visible #scrolling-container {
339 /* Should be 0, but that breaks scrolling -- see crbug.com/292715. */ 356 /* Should be 0, but that breaks scrolling -- see crbug.com/292715. */
340 bottom: -1px; 357 bottom: -1px;
341 } 358 }
342 359
343 #results-header:empty { 360 #results-header:empty {
344 display: none; 361 display: none;
345 } 362 }
346 </if> /* is_ios */ 363 </if> /* is_ios */
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698