Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2014 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 -webkit-user-select: none; | 6 -webkit-user-select: none; |
| 7 background-color: black; | 7 background-color: black; |
| 8 font-size: 84%; | 8 font-size: 84%; |
| 9 margin: 0; | 9 margin: 0; |
| 10 } | 10 } |
| (...skipping 803 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 814 .edit-modal-wrapper .container, | 814 .edit-modal-wrapper .container, |
| 815 .edit-modal-wrapper .action-buttons { | 815 .edit-modal-wrapper .action-buttons { |
| 816 align-items: center; | 816 align-items: center; |
| 817 display: flex; | 817 display: flex; |
| 818 height: 100%; | 818 height: 100%; |
| 819 width: 100%; | 819 width: 100%; |
| 820 } | 820 } |
| 821 | 821 |
| 822 .edit-modal-wrapper .container { | 822 .edit-modal-wrapper .container { |
| 823 justify-content: center; | 823 justify-content: center; |
| 824 left: 0; | |
| 825 position: absolute; | |
| 826 top: 0; | |
| 824 } | 827 } |
| 825 | 828 |
| 826 .edit-modal-wrapper .action-buttons { | 829 .edit-modal-wrapper .action-buttons { |
| 827 justify-content: flex-end; | 830 justify-content: flex-end; |
| 828 left: 0; | |
| 829 position: absolute; | |
| 830 top: 0; | |
| 831 } | 831 } |
| 832 | 832 |
| 833 .edit-modal button.edit-toolbar { | 833 .edit-modal button.edit-toolbar { |
| 834 background: transparent; | 834 background: transparent; |
| 835 border: 0 none; | 835 border: 0 none; |
| 836 border-image: none; | 836 border-image: none; |
| 837 border-radius: 2px; | |
| 837 box-sizing: border-box; | 838 box-sizing: border-box; |
| 838 color: white; | 839 color: white; |
| 839 min-width: 0; | 840 min-width: 0; |
| 840 padding: 0; | 841 padding: 0; |
| 841 position: relative; | 842 position: relative; |
| 842 } | 843 } |
| 843 | 844 |
| 845 .edit-modal button.edit-toolbar:focus { | |
| 846 background-color: rgba(255, 255, 255, 0.12); | |
|
oka
2016/10/06 09:11:55
Should we use
rgba(0, 0, 0, 0.3) for consistency?
fukino
2016/10/06 14:34:30
The background of this button is darker, so (0, 0,
| |
| 847 } | |
| 848 | |
| 844 .edit-modal button.edit-toolbar .icon { | 849 .edit-modal button.edit-toolbar .icon { |
| 845 display: none; | 850 display: none; |
| 846 } | 851 } |
| 847 | 852 |
| 848 .edit-modal button.edit-toolbar .label { | 853 .edit-modal button.edit-toolbar .label { |
| 849 display: block; | 854 display: block; |
| 850 } | 855 } |
| 851 | 856 |
| 852 /* Action buttons */ | 857 /* Action buttons */ |
| 853 .edit-modal-wrapper .action-buttons button { | 858 .edit-modal-wrapper .action-buttons button { |
| (...skipping 564 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 1418 .thumbnail-view .animation-thumbnail { | 1423 .thumbnail-view .animation-thumbnail { |
| 1419 background-repeat: no-repeat; | 1424 background-repeat: no-repeat; |
| 1420 background-size: cover; | 1425 background-size: cover; |
| 1421 display: none; | 1426 display: none; |
| 1422 position: absolute; | 1427 position: absolute; |
| 1423 } | 1428 } |
| 1424 | 1429 |
| 1425 .thumbnail-view .animation-thumbnail.animating { | 1430 .thumbnail-view .animation-thumbnail.animating { |
| 1426 display: block; | 1431 display: block; |
| 1427 } | 1432 } |
| OLD | NEW |