| 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 15 matching lines...) Expand all Loading... |
| 26 | 26 |
| 27 .list-item:hover { | 27 .list-item:hover { |
| 28 background: hsl(0, 0%, 96%); | 28 background: hsl(0, 0%, 96%); |
| 29 } | 29 } |
| 30 | 30 |
| 31 .controls-container { | 31 .controls-container { |
| 32 display: flex; | 32 display: flex; |
| 33 flex-direction: row; | 33 flex-direction: row; |
| 34 justify-content: flex-end; | 34 justify-content: flex-end; |
| 35 align-items: stretch; | 35 align-items: stretch; |
| 36 pointer-events: none; |
| 36 } | 37 } |
| 37 | 38 |
| 38 .controls-gradient { | 39 .controls-gradient { |
| 39 flex: 0 1 50px; | 40 flex: 0 1 50px; |
| 40 } | 41 } |
| 41 | 42 |
| 42 .list-item:hover .controls-gradient { | 43 .list-item:hover .controls-gradient { |
| 43 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%)); | 44 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%)); |
| 44 } | 45 } |
| 45 | 46 |
| 46 .controls-buttons { | 47 .controls-buttons { |
| 47 flex: none; | 48 flex: none; |
| 48 display: flex; | 49 display: flex; |
| 49 flex-direction: row; | 50 flex-direction: row; |
| 50 align-items: center; | 51 align-items: center; |
| 52 pointer-events: auto; |
| 51 } | 53 } |
| 52 | 54 |
| 53 .list-item:hover .controls-buttons { | 55 .list-item:hover .controls-buttons { |
| 54 background-color: hsl(0, 0%, 96%); | 56 background-color: hsl(0, 0%, 96%); |
| 55 } | 57 } |
| 56 | 58 |
| 57 .remove-button, | 59 .remove-button, |
| 58 .edit-button { | 60 .edit-button { |
| 59 background-image: url(Images/toolbarButtonGlyphs.png); | 61 background-image: url(Images/toolbarButtonGlyphs.png); |
| 60 background-size: 352px 168px; | 62 background-size: 352px 168px; |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 122 } | 124 } |
| 123 | 125 |
| 124 .editor-content input { | 126 .editor-content input { |
| 125 margin-right: 10px; | 127 margin-right: 10px; |
| 126 } | 128 } |
| 127 | 129 |
| 128 .editor-content input.error-input { | 130 .editor-content input.error-input { |
| 129 outline: auto 2px red; | 131 outline: auto 2px red; |
| 130 background-color: white; | 132 background-color: white; |
| 131 } | 133 } |
| OLD | NEW |