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

Side by Side Diff: ios/chrome/app/resources/history/history_mobile.css

Issue 2494853003: Remove some unused history resources on iOS (Closed)
Patch Set: add back URL constants Created 4 years 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
(Empty)
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
3 * found in the LICENSE file. */
4
5 /* This file contains styles specific to iOS. */
6
7 html:not(.focus-outline-visible) :focus {
8 outline: none;
9 }
10
11 html {
12 height: 100%;
13 }
14
15 body {
16 background-color: rgba(0, 0, 0, .05);
17 color: rgb(76, 76, 76);
18 font-size: initial;
19 height: 100%;
20 margin: 0;
21 }
22
23 .page {
24 -webkit-flex-flow: column;
25 display: -webkit-flex;
26 height: 100%;
27 }
28
29 #scrolling-container {
30 -webkit-flex: auto; /* Container should take up extra vertical space. */
31 -webkit-overflow-scrolling: touch;
32 overflow-y: auto;
33 }
34
35 h1 {
36 color: rgb(34, 34, 34);
37 font-weight: bold;
38 margin-bottom: 12px;
39 }
40
41 #top-container,
42 #results-display {
43 margin: 0;
44 }
45
46 #top-container,
47 #results-display,
48 #results-pagination {
49 max-width: none;
50 }
51
52 h1,
53 h3,
54 #notification-bar,
55 #search-field,
56 .entry-box,
57 #loading-spinner {
58 padding-left: 16px;
59 padding-right: 16px;
60 }
61
62 h3 {
63 background: rgb(245, 245, 245);
64 color: rgb(138, 138, 138);
65 font-size: 14px;
66 height: 30px;
67 line-height: 30px;
68 margin-top: 0;
69 overflow: hidden;
70 text-overflow: ellipsis;
71 white-space: nowrap;
72 }
73
74 #search-field {
75 -webkit-padding-start: 64px;
76 background-image:
77 url(../../../../../ui/webui/resources/images/2x/search.png);
78 background-position: 16px center;
79 background-repeat: no-repeat;
80 background-size: 32px;
81 border: 0;
82 display: block;
83 line-height: 1.5;
84 margin-top: 16px;
85 width: 100%;
86 }
87
88 html[dir='rtl'] #search-field {
89 background-position: right 16px center;
90 }
91
92 #notification-bar {
93 color: rgb(138, 138, 138);
94 font-size: 14px;
95 line-height: 1.5;
96 -webkit-text-size-adjust: none;
97 }
98
99 #notification-bar span {
100 /* On desktop, notification spans are displayed as separate paragraphs.
101 On mobile, join them into a single paragraph. */
102 display: inline;
103 }
104
105 #top-container.overflow #notification-bar {
106 float: none;
107 margin: 0;
108 padding-bottom: 0;
109 padding-top: 0;
110 }
111
112 #remove-selected,
113 #search-button,
114 .gap {
115 display: none;
116 }
117
118 .entry-box {
119 -webkit-padding-end: 0;
120 }
121
122 button.remove-entry {
123 background: url(../../../../../ui/webui/resources/images/2x/x-thin.png)
124 no-repeat center center;
125 background-size: 13px;
126 border: 0;
127 box-sizing: border-box;
128 height: 100%;
129 min-width: 45px;
130 opacity: 0.7;
131 padding: 0 16px;
132 vertical-align: top;
133 width: 45px;
134 }
135
136 button.remove-entry:active {
137 opacity: 1.0;
138 }
139
140 .entry {
141 background-color: white;
142 }
143
144 .entry-box {
145 margin-bottom: 0;
146 margin-top: 0;
147 padding-bottom: 0;
148 }
149
150 h3,
151 .entry,
152 #search-field {
153 border-bottom: 1px solid rgb(220, 220, 220);
154 border-top: 1px solid rgb(220, 220, 220);
155 margin-bottom: -1px;
156 overflow: hidden;
157 }
158
159 .entry-box,
160 #search-field,
161 #results-pagination button {
162 height: 60px;
163 }
164
165 .entry-box-container {
166 display: block;
167 }
168
169 input {
170 border-radius: 0;
171 }
172
173 #clear-browsing-data {
174 /* Style it like a native Android button. */
175 background-color: rgb(221, 221, 221);
176 border: 0;
177 border-radius: 0;
178 border-top: 1px solid rgb(198, 198, 198);
179 box-shadow: none;
180 font-size: 75%;
181 font-weight: bold;
182 height: 46px;
183 margin: 0;
184 min-height: 46px;
185 text-shadow: none;
186 text-transform: uppercase;
187 width: 100%;
188 }
189
190 .day-results,
191 .search-results {
192 margin: 0;
193 }
194
195 /* Fade out the entry-box, rather than its parent node, so that the dividing
196 line between entries doesn't fade out. */
197 .entry.fade-out .entry-box {
198 -webkit-transition: opacity 200ms;
199 opacity: 1;
200 }
201
202 .entry.fade-out {
203 opacity: 1;
204 }
205
206 .entry.fade-out .entry-box {
207 opacity: 0;
208 }
209
210 .entry input[type=checkbox] {
211 display: none;
212 }
213
214 .entry .visit-entry {
215 -webkit-flex: auto;
216 -webkit-flex-flow: column;
217 -webkit-padding-start: 48px;
218 -webkit-margin-start: 8px;
219 background-size: 32px;
220 line-height: 1.3;
221 }
222
223 .entry .visit-entry.blocked-indicator {
224 line-height: 2;
225 }
226
227 .entry .visit-entry :-webkit-any(a, .domain) {
228 display: block;
229 margin-left: 0;
230 margin-right: 0;
231 min-width: 0;
232 overflow: hidden;
233 padding-left: 0;
234 padding-right: 0;
235 text-overflow: ellipsis;
236 white-space: nowrap;
237 }
238
239 .entry .visit-entry.blocked-indicator a {
240 display: inline;
241 }
242
243 .entry .domain {
244 font-size: 14px;
245 }
246
247 #older-button {
248 -webkit-padding-end: 16px;
249 }
250
251 #newest-button {
252 -webkit-padding-start: 16px;
253 }
254
255 #loading-spinner {
256 margin-top: 16px;
257 }
258
259 /* iOS does not support the latest flexbox syntax, only the 2009 working draft
260 syntax (http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/). */
261 .entry-box,
262 .site-domain-wrapper {
263 -wekbit-box-align: center;
264 display: -webkit-box;
265 }
266
267 .entry .visit-entry {
268 -webkit-box-flex: 1;
269 -webkit-box-orient: vertical;
270 -webkit-box-pack: center;
271 display: -webkit-box;
272 }
273
274 #scrolling-container {
275 bottom: 46px;
276 left: 0;
277 position: fixed;
278 right: 0;
279 top: 0;
280 }
281
282 #clear-browsing-data {
283 bottom: 0;
284 position: fixed;
285 }
286
287 .entry .bookmark-section {
288 display: none;
289 }
290
291 .entry .time {
292 line-height: 60px;
293 min-width: 90px;
294 text-align: inherit;
295 width: 90px;
296 }
297
298 @media only screen and (max-width:600px) {
299
300 /* Omit the time and favicon margin on very small screens. */
301 .entry .time {
302 display: none;
303 }
304
305 .entry .visit-entry {
306 -webkit-margin-start: 0;
307 }
308
309 } /* @media only screen and (max-width:600px) */
310
311 @media only screen and (min-width:720px) {
312
313 h3,
314 .entry,
315 #search-field {
316 border: 1px solid rgb(220, 220, 220);
317 }
318
319 h3 {
320 margin-top: 30px;
321 }
322
323 #scrolling-container {
324 padding-bottom: 30px;
325 }
326
327 #scrolling-container > * {
328 margin-left: auto;
329 margin-right: auto;
330 max-width: 718px;
331 }
332
333 h1,
334 #notification-bar,
335 #loading-spinner {
336 padding-left: 0;
337 padding-right: 0;
338 }
339
340 } /* @media only screen and (max-width:720px) */
341
342 .ios-keyboard-visible #clear-browsing-data {
343 display: none;
344 }
345
346 .ios-keyboard-visible #scrolling-container {
347 /* Should be 0, but that breaks scrolling -- see crbug.com/292715. */
348 bottom: -1px;
349 }
350
351 #results-header:empty {
352 display: none;
353 }
OLDNEW
« no previous file with comments | « ios/chrome/app/resources/history/history.js ('k') | ios/chrome/app/resources/history/other_devices.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698