| 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 |