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

Side by Side Diff: chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css

Issue 1366053004: Material PDF: Improve layout of PDF viewer in very small windows (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Tweak behaviour Created 5 years, 2 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 2015 The Chromium Authors. All rights reserved. 1 /* Copyright 2015 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 /* We introduce a wrapper aligner element as setting the relevant attributes 5 /* We introduce a wrapper aligner element as setting the relevant attributes
6 * (horizontal justified layout center) have no effect on the core-toolbar. */ 6 * (horizontal justified layout center) have no effect on the core-toolbar. */
7 #aligner { 7 #aligner {
8 width: 100%; 8 width: 100%;
9 } 9 }
10 10
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
58 background: rgba(255, 255, 255, 0.3); 58 background: rgba(255, 255, 255, 0.3);
59 } 59 }
60 60
61 paper-toolbar /deep/ .toolbar-tools { 61 paper-toolbar /deep/ .toolbar-tools {
62 height: 48px; 62 height: 48px;
63 } 63 }
64 64
65 .invisible { 65 .invisible {
66 visibility: hidden; 66 visibility: hidden;
67 } 67 }
68
69 @media(max-width: 675px) {
70 #bookmarks,
71 #rotate-left {
72 display: none;
73 }
74
75 #pageselector-container {
76 flex: 2;
77 }
78 }
79
80 @media(max-width: 450px) {
81 #rotate-right {
82 display: none;
83 }
84 }
85
86 @media(max-width: 400px) {
87 #buttons,
88 #pageselector-container {
89 display: none;
90 }
91 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/pdf/index-material.css » ('j') | chrome/browser/resources/pdf/pdf.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698