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

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

Issue 680403002: Fix Print Preview navbar links layout (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 1 month 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 | no next file » | 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 height: 100%; 6 height: 100%;
7 overflow: hidden; 7 overflow: hidden;
8 } 8 }
9 9
10 body { 10 body {
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
117 margin: 0; 117 margin: 0;
118 margin-bottom: 10px; 118 margin-bottom: 10px;
119 } 119 }
120 120
121 h1 { 121 h1 {
122 color: #808080; 122 color: #808080;
123 font-weight: 300; 123 font-weight: 300;
124 } 124 }
125 125
126 #print-preview .navbar-link { 126 #print-preview .navbar-link {
127 -webkit-margin-start: 20px; 127 margin: 8px 20px;
128 min-height: 32px;
129 outline: 0;
130 padding: 0;
131 text-align: start; 128 text-align: start;
Dan Beam 2014/10/28 20:38:38 ^ what's this for?
Aleksey Shlyapnikov 2014/10/28 23:24:06 Not sure why it was added, but we don't need it no
132 text-decoration: none; 129 text-decoration: none;
Dan Beam 2014/10/28 20:38:38 ^ don't think you need the text-decoration related
Aleksey Shlyapnikov 2014/10/28 23:24:06 Done.
133 } 130 }
134 131
135 #print-preview .navbar-link:hover:not(:disabled) { 132 #print-preview .navbar-link:hover:not(:disabled) {
136 text-decoration: underline; 133 text-decoration: underline;
137 } 134 }
138 135
139 #print-preview .navbar-link:disabled { 136 #print-preview .navbar-link:disabled {
140 color: rgba(0, 0, 0, .5); 137 color: rgba(0, 0, 0, .5);
141 cursor: default; 138 cursor: default;
142 text-shadow: none; 139 text-shadow: none;
(...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after
297 -webkit-margin-start: 9px; 294 -webkit-margin-start: 9px;
298 display: block; 295 display: block;
299 } 296 }
300 297
301 #link-container { 298 #link-container {
302 -webkit-box-orient: vertical; 299 -webkit-box-orient: vertical;
303 display: -webkit-box; 300 display: -webkit-box;
304 margin: 7px 0; 301 margin: 7px 0;
305 } 302 }
306 303
304 #link-container > div {
305 display: flex;
306 }
307
308 #link-container > div > .throbber {
309 margin: 8px;
310 min-height: 16px;
311 min-width: 16px;
312 }
313
307 #main-container { 314 #main-container {
308 -webkit-border-start: 1px solid #dcdcdc; 315 -webkit-border-start: 1px solid #dcdcdc;
309 -webkit-box-flex: 1; 316 -webkit-box-flex: 1;
310 -webkit-box-orient: vertical; 317 -webkit-box-orient: vertical;
311 display: -webkit-box; 318 display: -webkit-box;
312 height: 100%; 319 height: 100%;
313 position: relative; 320 position: relative;
314 } 321 }
315 322
316 html:not(.focus-outline-visible) 323 html:not(.focus-outline-visible)
317 :enabled:focus:-webkit-any(input[type='checkbox'], 324 :enabled:focus:-webkit-any(input[type='checkbox'],
318 input[type='radio'], 325 input[type='radio'],
319 button) { 326 button) {
320 /* Cancel border-color for :focus specified in widgets.css. */ 327 /* Cancel border-color for :focus specified in widgets.css. */
321 border-color: rgba(0,0,0,0.25); 328 border-color: rgba(0,0,0,0.25);
322 } 329 }
323 330
324 html:not(.focus-outline-visible) [is='action-link']:focus { 331 html:not(.focus-outline-visible) [is='action-link']:focus {
325 outline: none; 332 outline: none;
326 } 333 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698