| OLD | NEW |
| 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 Loading... |
| 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 } |
| OLD | NEW |