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 734 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
745 url(../images/100/auto_fix.png) 1x, | 745 url(../images/100/auto_fix.png) 1x, |
746 url(../images/200/auto_fix.png) 2x); | 746 url(../images/200/auto_fix.png) 2x); |
747 } | 747 } |
748 | 748 |
749 .edit-main button.crop .icon { | 749 .edit-main button.crop .icon { |
750 background-image: -webkit-image-set( | 750 background-image: -webkit-image-set( |
751 url(../images/100/crop.png) 1x, | 751 url(../images/100/crop.png) 1x, |
752 url(../images/200/crop.png) 2x); | 752 url(../images/200/crop.png) 2x); |
753 } | 753 } |
754 | 754 |
755 .edit-main button.image-resize .icon { | |
756 background-image: -webkit-image-set( | |
757 url(../images/100/image-resize.png) 1x, | |
fukino
2016/08/31 05:10:24
Use filename 'image_resize.png' instead of 'image-
harukam
2016/09/05 10:37:00
We've decided to use filename 'resize.png' accordi
| |
758 url(../images/200/image-resize.png) 2x); | |
759 } | |
760 | |
755 .edit-main button.exposure .icon { | 761 .edit-main button.exposure .icon { |
756 background-image: -webkit-image-set( | 762 background-image: -webkit-image-set( |
757 url(../images/100/brightness.png) 1x, | 763 url(../images/100/brightness.png) 1x, |
758 url(../images/200/brightness.png) 2x); | 764 url(../images/200/brightness.png) 2x); |
759 } | 765 } |
760 | 766 |
761 .edit-main button.rotate_right .icon { | 767 .edit-main button.rotate_right .icon { |
762 background-image: -webkit-image-set( | 768 background-image: -webkit-image-set( |
763 url(../images/100/rotate_right.png) 1x, | 769 url(../images/100/rotate_right.png) 1x, |
764 url(../images/200/rotate_right.png) 2x); | 770 url(../images/200/rotate_right.png) 2x); |
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1007 } | 1013 } |
1008 | 1014 |
1009 .gallery .crop-frame .corner.top { | 1015 .gallery .crop-frame .corner.top { |
1010 top: -6px; | 1016 top: -6px; |
1011 } | 1017 } |
1012 | 1018 |
1013 .gallery .crop-frame .corner.bottom { | 1019 .gallery .crop-frame .corner.bottom { |
1014 bottom: -6px; | 1020 bottom: -6px; |
1015 } | 1021 } |
1016 | 1022 |
1023 /* Input UI */ | |
1024 .edit-modal .input { | |
1025 -webkit-margin-end: 10px; | |
1026 align-items: flex-end; | |
1027 display: flex; | |
1028 width: 100px; | |
1029 } | |
1030 | |
1031 .edit-modal .input:first-child { | |
1032 -webkit-margin-end: 30px; | |
1033 } | |
1034 | |
1035 .edit-modal .input > .unit_label { | |
1036 color: rgba(255, 255, 255, 0.4); | |
1037 margin-bottom: 10px; | |
1038 } | |
1039 | |
1017 /* Prompt/notification panel */ | 1040 /* Prompt/notification panel */ |
1018 | 1041 |
1019 .gallery .prompt-wrapper { | 1042 .gallery .prompt-wrapper { |
1020 -webkit-box-orient: horizontal; | 1043 -webkit-box-orient: horizontal; |
1021 -webkit-box-pack: center; | 1044 -webkit-box-pack: center; |
1022 display: -webkit-box; | 1045 display: -webkit-box; |
1023 height: 100%; | 1046 height: 100%; |
1024 pointer-events: none; | 1047 pointer-events: none; |
1025 position: absolute; | 1048 position: absolute; |
1026 width: 100%; | 1049 width: 100%; |
(...skipping 353 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1380 .thumbnail-view .animation-thumbnail { | 1403 .thumbnail-view .animation-thumbnail { |
1381 background-repeat: no-repeat; | 1404 background-repeat: no-repeat; |
1382 background-size: cover; | 1405 background-size: cover; |
1383 display: none; | 1406 display: none; |
1384 position: absolute; | 1407 position: absolute; |
1385 } | 1408 } |
1386 | 1409 |
1387 .thumbnail-view .animation-thumbnail.animating { | 1410 .thumbnail-view .animation-thumbnail.animating { |
1388 display: block; | 1411 display: block; |
1389 } | 1412 } |
OLD | NEW |