OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2011 Google Inc. All rights reserved. | 2 * Copyright (C) 2011 Google Inc. All rights reserved. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
6 * met: | 6 * met: |
7 * | 7 * |
8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
78 border: 1px solid transparent; | 78 border: 1px solid transparent; |
79 padding-right: 0; | 79 padding-right: 0; |
80 white-space: nowrap; | 80 white-space: nowrap; |
81 display: flex; | 81 display: flex; |
82 } | 82 } |
83 | 83 |
84 .suggest-box .suggest-box-content-item.secondary { | 84 .suggest-box .suggest-box-content-item.secondary { |
85 background-color: #f9f9f9; | 85 background-color: #f9f9f9; |
86 } | 86 } |
87 | 87 |
88 .suggestion-text { | 88 .suggestion-title { |
89 overflow: hidden; | 89 overflow: hidden; |
90 text-overflow: ellipsis; | 90 text-overflow: ellipsis; |
91 } | 91 } |
92 | 92 |
| 93 .suggestion-subtitle { |
| 94 flex: auto; |
| 95 text-align: right; |
| 96 color: #999; |
| 97 } |
| 98 |
93 .suggestion-icon { | 99 .suggestion-icon { |
94 user-select: none; | 100 user-select: none; |
95 align-self: center; | 101 align-self: center; |
96 flex-shrink: 0; | 102 flex-shrink: 0; |
97 } | 103 } |
98 | 104 |
99 .suggest-box .suggest-box-content-item .query { | 105 .suggest-box .suggest-box-content-item .query { |
100 font-weight: bold; | 106 font-weight: bold; |
101 } | 107 } |
102 | 108 |
103 .suggest-box .suggest-box-content-item .spacer { | 109 .suggest-box .suggest-box-content-item .spacer { |
104 display: inline-block; | 110 display: inline-block; |
105 width: 20px; | 111 width: 20px; |
106 } | 112 } |
107 | 113 |
108 .suggest-box .suggest-box-content-item.selected { | 114 .suggest-box .suggest-box-content-item.selected { |
109 background-color: rgb(56, 121, 217); | 115 background-color: rgb(56, 121, 217); |
| 116 } |
| 117 |
| 118 .suggest-box .suggest-box-content-item.selected > span { |
110 color: #FFF; | 119 color: #FFF; |
111 } | 120 } |
112 | 121 |
113 .suggest-box .suggest-box-content-item:hover:not(.selected) { | 122 .suggest-box .suggest-box-content-item:hover:not(.selected) { |
114 background-color: rgba(56, 121, 217, 0.1); | 123 background-color: rgba(56, 121, 217, 0.1); |
115 } | 124 } |
116 | 125 |
117 .suggest-box .details-popup { | 126 .suggest-box .details-popup { |
118 padding: 17px; | 127 padding: 17px; |
119 pointer-events: auto; | 128 pointer-events: auto; |
120 margin-left: 3px; | 129 margin-left: 3px; |
121 max-width: 750px; | 130 max-width: 750px; |
122 word-wrap: normal; | 131 word-wrap: normal; |
123 } | 132 } |
124 | 133 |
125 .suggest-box .details-popup .description { | 134 .suggest-box .details-popup .description { |
126 margin-top: 22px; | 135 margin-top: 22px; |
127 color: #808080; | 136 color: #808080; |
128 } | 137 } |
OLD | NEW |