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

Side by Side Diff: chrome/browser/resources/welcome/welcome.css

Issue 2750673006: [FRE] Show scroll bar if window is too small. (Closed)
Patch Set: Created 3 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/welcome/welcome.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 2016 The Chromium Authors. All rights reserved. 1 /* Copyright 2016 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 { 5 body {
6 align-items: center; 6 align-items: center;
7 color: var(--paper-grey-900); 7 color: var(--paper-grey-900);
8 display: flex; 8 display: flex;
9 flex-direction: column; 9 flex-direction: column;
10 font-size: 100%; 10 font-size: 100%;
11 justify-content: center; 11 justify-content: center;
12 margin: 0;
12 min-height: 100vh; 13 min-height: 100vh;
13 overflow-y: hidden;
14 } 14 }
15 15
16 @keyframes slideUpContent { 16 @keyframes slideUpContent {
17 from { 17 from {
18 transform: translateY(186px); 18 transform: translateY(186px);
19 } 19 }
20 } 20 }
21 21
22 @keyframes fadeIn { 22 @keyframes fadeIn {
23 from { 23 from {
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after
92 } 92 }
93 70.27% { 93 70.27% {
94 transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); 94 transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
95 } 95 }
96 100% { 96 100% {
97 transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); 97 transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
98 } 98 }
99 } 99 }
100 100
101 .content { 101 .content {
102 height: 100%;
103 overflow-y: hidden;
104 }
105
106 .slider {
102 align-items: center; 107 align-items: center;
103 animation: slideUpContent 600ms 1.8s cubic-bezier(.4, .2, 0, 1) both; 108 animation: slideUpContent 600ms 1.8s cubic-bezier(.4, .2, 0, 1) both;
104 display: flex; 109 display: flex;
105 flex: 1; 110 flex: 1;
106 flex-direction: column; 111 flex-direction: column;
107 justify-content: center; 112 justify-content: center;
108 max-width: 500px; 113 max-width: 500px;
109 } 114 }
110 115
111 .heading { 116 .heading {
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 height: 24px; 215 height: 24px;
211 position: absolute; 216 position: absolute;
212 width: 74px; 217 width: 74px;
213 } 218 }
214 219
215 @media(max-height: 608px) { 220 @media(max-height: 608px) {
216 .watermark { 221 .watermark {
217 display: none; 222 display: none;
218 } 223 }
219 } 224 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/welcome/welcome.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698