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 728 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
739 url(../images/100/auto_fix.png) 1x, | 739 url(../images/100/auto_fix.png) 1x, |
740 url(../images/200/auto_fix.png) 2x); | 740 url(../images/200/auto_fix.png) 2x); |
741 } | 741 } |
742 | 742 |
743 .edit-main button.crop .icon { | 743 .edit-main button.crop .icon { |
744 background-image: -webkit-image-set( | 744 background-image: -webkit-image-set( |
745 url(../images/100/crop.png) 1x, | 745 url(../images/100/crop.png) 1x, |
746 url(../images/200/crop.png) 2x); | 746 url(../images/200/crop.png) 2x); |
747 } | 747 } |
748 | 748 |
749 .edit-main button.resize .icon { | |
750 background-image: -webkit-image-set( | |
751 url(../images/100/resize.png) 1x, | |
752 url(../images/200/resize.png) 2x); | |
753 } | |
754 | |
749 .edit-main button.exposure .icon { | 755 .edit-main button.exposure .icon { |
750 background-image: -webkit-image-set( | 756 background-image: -webkit-image-set( |
751 url(../images/100/brightness.png) 1x, | 757 url(../images/100/brightness.png) 1x, |
752 url(../images/200/brightness.png) 2x); | 758 url(../images/200/brightness.png) 2x); |
753 } | 759 } |
754 | 760 |
755 .edit-main button.rotate_right .icon { | 761 .edit-main button.rotate_right .icon { |
756 background-image: -webkit-image-set( | 762 background-image: -webkit-image-set( |
757 url(../images/100/rotate_right.png) 1x, | 763 url(../images/100/rotate_right.png) 1x, |
758 url(../images/200/rotate_right.png) 2x); | 764 url(../images/200/rotate_right.png) 2x); |
(...skipping 16 matching lines...) Expand all Loading... | |
775 url(../images/100/redo.png) 1x, | 781 url(../images/100/redo.png) 1x, |
776 url(../images/200/redo.png) 2x); | 782 url(../images/200/redo.png) 2x); |
777 } | 783 } |
778 | 784 |
779 /* Edit modal. */ | 785 /* Edit modal. */ |
780 .edit-modal { | 786 .edit-modal { |
781 -webkit-box-orient: horizontal; | 787 -webkit-box-orient: horizontal; |
782 -webkit-box-pack: center; | 788 -webkit-box-pack: center; |
783 bottom: 48px; | 789 bottom: 48px; |
784 display: block; | 790 display: block; |
785 height: 48px; | 791 height: 56px; |
fukino
2016/09/16 02:24:49
Should not affect edit modals other than "Resize"
harukam
2016/09/16 05:21:58
Acknowledged.
| |
786 pointer-events: none; | 792 pointer-events: none; |
787 position: absolute; | 793 position: absolute; |
788 width: 100%; | 794 width: 100%; |
789 } | 795 } |
790 | 796 |
791 .edit-modal-wrapper[hidden] { | 797 .edit-modal-wrapper[hidden] { |
792 display: none; | 798 display: none; |
793 } | 799 } |
794 | 800 |
795 .edit-modal-wrapper { | 801 .edit-modal-wrapper { |
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
997 } | 1003 } |
998 | 1004 |
999 .gallery .crop-frame .corner.top { | 1005 .gallery .crop-frame .corner.top { |
1000 top: -6px; | 1006 top: -6px; |
1001 } | 1007 } |
1002 | 1008 |
1003 .gallery .crop-frame .corner.bottom { | 1009 .gallery .crop-frame .corner.bottom { |
1004 bottom: -6px; | 1010 bottom: -6px; |
1005 } | 1011 } |
1006 | 1012 |
1013 /* Input UI */ | |
1014 .edit-modal .input { | |
1015 align-items: flex-end; | |
1016 display: flex; | |
1017 width: 90px; | |
1018 } | |
1019 | |
1020 .edit-modal .input > .unit_label { | |
1021 color: rgba(255, 255, 255, 0.54); | |
1022 margin-bottom: 10px; | |
1023 } | |
1024 | |
1025 .edit-modal .lockicon { | |
1026 background-repeat: no-repeat; | |
1027 background-size: contain; | |
1028 height: 16px; | |
1029 margin: 16px; | |
1030 margin-top: auto; | |
1031 width: 16px; | |
1032 } | |
1033 | |
1034 .edit-modal .lockicon:focus { | |
1035 outline: none; | |
1036 } | |
1037 | |
1038 .edit-modal .lockicon[locked] { | |
1039 background-image: -webkit-image-set( | |
1040 url(../images/100/ratio_locked.png) 1x, | |
1041 url(../images/200/ratio_locked.png) 2x); | |
1042 } | |
1043 | |
1044 .edit-modal .lockicon:not([locked]) { | |
1045 opacity: 0.54; | |
1046 background-image: -webkit-image-set( | |
1047 url(../images/100/ratio_unlocked.png) 1x, | |
1048 url(../images/200/ratio_unlocked.png) 2x); | |
1049 } | |
1050 | |
1007 /* Prompt/notification panel */ | 1051 /* Prompt/notification panel */ |
1008 | 1052 |
1009 .gallery .prompt-wrapper { | 1053 .gallery .prompt-wrapper { |
1010 -webkit-box-orient: horizontal; | 1054 -webkit-box-orient: horizontal; |
1011 -webkit-box-pack: center; | 1055 -webkit-box-pack: center; |
1012 display: -webkit-box; | 1056 display: -webkit-box; |
1013 height: 100%; | 1057 height: 100%; |
1014 pointer-events: none; | 1058 pointer-events: none; |
1015 position: absolute; | 1059 position: absolute; |
1016 width: 100%; | 1060 width: 100%; |
(...skipping 353 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1370 .thumbnail-view .animation-thumbnail { | 1414 .thumbnail-view .animation-thumbnail { |
1371 background-repeat: no-repeat; | 1415 background-repeat: no-repeat; |
1372 background-size: cover; | 1416 background-size: cover; |
1373 display: none; | 1417 display: none; |
1374 position: absolute; | 1418 position: absolute; |
1375 } | 1419 } |
1376 | 1420 |
1377 .thumbnail-view .animation-thumbnail.animating { | 1421 .thumbnail-view .animation-thumbnail.animating { |
1378 display: block; | 1422 display: block; |
1379 } | 1423 } |
OLD | NEW |