| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .list { | 7 .list { |
| 8 flex: auto 0 1; | 8 flex: auto 0 1; |
| 9 overflow-y: auto; | 9 overflow-y: auto; |
| 10 border: 1px solid rgb(231, 231, 231); | 10 border: 1px solid rgb(231, 231, 231); |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 43 .list-item:hover .controls-gradient { | 43 .list-item:hover .controls-gradient { |
| 44 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%)); | 44 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%)); |
| 45 } | 45 } |
| 46 | 46 |
| 47 .controls-buttons { | 47 .controls-buttons { |
| 48 flex: none; | 48 flex: none; |
| 49 display: flex; | 49 display: flex; |
| 50 flex-direction: row; | 50 flex-direction: row; |
| 51 align-items: center; | 51 align-items: center; |
| 52 pointer-events: auto; | 52 pointer-events: auto; |
| 53 visibility: hidden; |
| 53 } | 54 } |
| 54 | 55 |
| 55 .list-item:hover .controls-buttons { | 56 .list-item:hover .controls-buttons { |
| 56 background-color: hsl(0, 0%, 96%); | 57 background-color: hsl(0, 0%, 96%); |
| 57 } | |
| 58 | |
| 59 .remove-button, | |
| 60 .edit-button { | |
| 61 opacity: 0.5; | |
| 62 cursor: pointer; | |
| 63 flex: none; | |
| 64 visibility: hidden; | |
| 65 } | |
| 66 | |
| 67 .list-item:hover .remove-button, | |
| 68 .list-item:hover .edit-button { | |
| 69 visibility: visible; | 58 visibility: visible; |
| 70 } | 59 } |
| 71 | 60 |
| 72 .remove-button:hover, | |
| 73 .edit-button:hover { | |
| 74 opacity: 0.7; | |
| 75 } | |
| 76 | |
| 77 .remove-button { | |
| 78 background-position: -128px -24px; | |
| 79 } | |
| 80 | |
| 81 .edit-button { | |
| 82 background-position: -160px 0px; | |
| 83 } | |
| 84 | |
| 85 .editor-container { | 61 .editor-container { |
| 86 display: flex; | 62 display: flex; |
| 87 flex-direction: column; | 63 flex-direction: column; |
| 88 align-items: stretch; | 64 align-items: stretch; |
| 89 flex: none; | 65 flex: none; |
| 90 background: hsl(0, 0%, 96%); | 66 background: hsl(0, 0%, 96%); |
| 91 overflow: hidden; | 67 overflow: hidden; |
| 92 } | 68 } |
| 93 | 69 |
| 94 .editor-content { | 70 .editor-content { |
| (...skipping 17 matching lines...) Expand all Loading... |
| 112 margin-right: 10px; | 88 margin-right: 10px; |
| 113 } | 89 } |
| 114 | 90 |
| 115 .editor-content input { | 91 .editor-content input { |
| 116 margin-right: 10px; | 92 margin-right: 10px; |
| 117 } | 93 } |
| 118 | 94 |
| 119 .editor-content input.error-input { | 95 .editor-content input.error-input { |
| 120 background-color: white; | 96 background-color: white; |
| 121 } | 97 } |
| OLD | NEW |