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

Side by Side Diff: ui/file_manager/gallery/css/gallery.css

Issue 2400613002: Fix some accessibility issues in image editing. (Closed)
Patch Set: Created 4 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 (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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698