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

Side by Side Diff: chrome/browser/resources/ntp4/new_tab.css

Issue 1753783004: NTP4: erase notification promo UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: 1 more Created 4 years, 9 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
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/new_tab.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 { 5 html {
6 /* It's necessary to put this here instead of in body in order to get the 6 /* It's necessary to put this here instead of in body in order to get the
7 background-size of 100% to work properly */ 7 background-size of 100% to work properly */
8 height: 100%; 8 height: 100%;
9 overflow: hidden; 9 overflow: hidden;
10 } 10 }
11 11
12 body { 12 body {
13 /* Don't highlight links when they're tapped. Safari has bugs here that 13 /* Don't highlight links when they're tapped. Safari has bugs here that
14 show up as flicker when dragging in some situations */ 14 show up as flicker when dragging in some situations */
15 -webkit-tap-highlight-color: transparent; 15 -webkit-tap-highlight-color: transparent;
16 /* Don't allow selecting text - can occur when dragging */ 16 /* Don't allow selecting text - can occur when dragging */
17 -webkit-user-select: none; 17 -webkit-user-select: none;
18 background-size: auto 100%; 18 background-size: auto 100%;
19 margin: 0; 19 margin: 0;
20 } 20 }
21 21
22 /* [hidden] does display:none, but its priority is too low in some cases. */ 22 /* [hidden] does display:none, but its priority is too low in some cases. */
23 [hidden] { 23 [hidden] {
24 display: none !important; 24 display: none !important;
25 } 25 }
26 26
27 #notification-container {
28 -webkit-transition: opacity 200ms;
29 bottom: 31px;
30 display: block;
31 float: left;
32 position: relative;
33 text-align: start;
34 z-index: 15;
35 }
36
37 html[dir='rtl'] #notification-container {
38 float: right;
39 }
40
41 #notification-container.card-changed {
42 -webkit-transition: none;
43 opacity: 0;
44 }
45
46 #notification-container.inactive {
47 -webkit-transition: opacity 200ms;
48 opacity: 0;
49 }
50
51 #notification {
52 display: inline-block;
53 font-weight: bold;
54 white-space: nowrap;
55 }
56
57 #notification > * {
58 display: inline-block;
59 white-space: normal;
60 }
61
62 #notification > div > div,
63 #notification > div {
64 display: inline-block;
65 }
66
67 /* NOTE: This is in the probable case that we start stuffing 16x16 data URI'd
68 * icons in the promo notification responses. */
69 #notification > span > img {
70 margin-bottom: -3px;
71 }
72
73 #notification .close-button {
74 -webkit-margin-start: 8px; /* Matching value in TilePage#repositionTile_. */
75 vertical-align: top;
76 }
77
78 .close-button { 27 .close-button {
79 background: no-repeat; 28 background: no-repeat;
80 background-color: transparent; 29 background-color: transparent;
81 /* TODO(estade): this should animate between states. */ 30 /* TODO(estade): this should animate between states. */
82 background-image: -webkit-image-set( 31 background-image: -webkit-image-set(
83 url(../../../../ui/resources/default_100_percent/close_2.png) 1x, 32 url(../../../../ui/resources/default_100_percent/close_2.png) 1x,
84 url(../../../../ui/resources/default_200_percent/close_2.png) 2x); 33 url(../../../../ui/resources/default_200_percent/close_2.png) 2x);
85 border: 0; 34 border: 0;
86 cursor: default; 35 cursor: default;
87 display: inline-block; 36 display: inline-block;
(...skipping 325 matching lines...) Expand 10 before | Expand all | Expand 10 after
413 padding: 0; 362 padding: 0;
414 } 363 }
415 364
416 .other-sessions-promo-message:only-child { 365 .other-sessions-promo-message:only-child {
417 display: block; 366 display: block;
418 } 367 }
419 368
420 .other-sessions-promo-message p { 369 .other-sessions-promo-message p {
421 margin: 0; 370 margin: 0;
422 } 371 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/new_tab.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698