OLD | NEW |
| (Empty) |
1 /* | |
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 | |
4 * found in the LICENSE file. | |
5 */ | |
6 | |
7 :host { | |
8 overflow:hidden; | |
9 } | |
10 | |
11 .header { | |
12 padding: 0 0 6px; | |
13 border-bottom: 1px solid #EEEEEE; | |
14 font-size: 18px; | |
15 font-weight: normal; | |
16 flex: none; | |
17 } | |
18 | |
19 .add-conditions-button { | |
20 flex: none; | |
21 margin: 10px 0; | |
22 min-width: 140px; | |
23 align-self: flex-start; | |
24 } | |
25 | |
26 .conditions-list { | |
27 max-width: 500px; | |
28 min-width: 340px; | |
29 flex: auto; | |
30 } | |
31 | |
32 .conditions-list-item { | |
33 padding: 3px 5px 3px 5px; | |
34 height: 30px; | |
35 display: flex; | |
36 align-items: center; | |
37 position: relative; | |
38 flex: auto 1 1; | |
39 } | |
40 | |
41 .conditions-list-text { | |
42 white-space: nowrap; | |
43 text-overflow: ellipsis; | |
44 flex: 0 0 70px; | |
45 -webkit-user-select: none; | |
46 color: #222; | |
47 text-align: end; | |
48 position: relative; | |
49 } | |
50 | |
51 .conditions-list-title { | |
52 text-align: start; | |
53 flex: auto; | |
54 display: flex; | |
55 align-items: flex-start; | |
56 } | |
57 | |
58 .conditions-list-title-text { | |
59 overflow: hidden; | |
60 flex: auto; | |
61 white-space: nowrap; | |
62 text-overflow: ellipsis; | |
63 } | |
64 | |
65 .conditions-list-separator { | |
66 flex: 0 0 1px; | |
67 background-color: rgb(231, 231, 231); | |
68 height: 30px; | |
69 margin: 0 4px; | |
70 } | |
71 | |
72 .conditions-list-separator-invisible { | |
73 visibility: hidden; | |
74 height: 100% !important; | |
75 } | |
76 | |
77 .conditions-edit-row { | |
78 flex: none; | |
79 display: flex; | |
80 flex-direction: row; | |
81 margin: 6px 5px; | |
82 } | |
83 | |
84 .conditions-edit-row input { | |
85 width: 100%; | |
86 text-align: inherit; | |
87 } | |
88 | |
89 .conditions-edit-optional { | |
90 position: absolute; | |
91 bottom: -20px; | |
92 right: 0; | |
93 color: rgb(128, 128, 128); | |
94 } | |
OLD | NEW |