| 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 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 73 } | 73 } |
| 74 | 74 |
| 75 .suggest-box .suggest-box-content-item { | 75 .suggest-box .suggest-box-content-item { |
| 76 padding: 1px; | 76 padding: 1px; |
| 77 margin: 0; | 77 margin: 0; |
| 78 overflow: hidden; | 78 overflow: hidden; |
| 79 text-overflow: ellipsis; | 79 text-overflow: ellipsis; |
| 80 border: 1px solid transparent; | 80 border: 1px solid transparent; |
| 81 padding-right: 0; | 81 padding-right: 0; |
| 82 white-space: nowrap; | 82 white-space: nowrap; |
| 83 display: flex; |
| 83 } | 84 } |
| 84 | 85 |
| 85 .suggest-box .suggest-box-content-item.additional { | 86 .suggest-box .suggest-box-content-item.secondary { |
| 86 background-color: #f9f9f9; | 87 background-color: #f9f9f9; |
| 87 } | 88 } |
| 88 | 89 |
| 89 .suggest-box .suggest-box-content-item.additional::before { | 90 .suggestion-icon { |
| 90 display: inline-block; | 91 user-select: none; |
| 91 content: ""; | 92 align-self: center; |
| 92 -webkit-user-select: none; | |
| 93 -webkit-mask-image: url(Images/smallIcons.png); | |
| 94 -webkit-mask-size: 190px 30px; | |
| 95 width: 10px; | |
| 96 height: 10px; | |
| 97 position: relative; | |
| 98 top: 2px; | |
| 99 margin-right: 4px; | |
| 100 -webkit-mask-position: -20px -20px; | |
| 101 background-color: rgb(56, 121, 217); | |
| 102 } | |
| 103 | |
| 104 @media (-webkit-min-device-pixel-ratio: 1.1) { | |
| 105 .suggest-box .suggest-box-content-item.additional::before { | |
| 106 -webkit-mask-image: url(Images/smallIcons_2x.png); | |
| 107 } | |
| 108 } /* media */ | |
| 109 | |
| 110 .suggest-box .suggest-box-content-item.additional.selected::before { | |
| 111 background-color: #FFF; | |
| 112 } | 93 } |
| 113 | 94 |
| 114 .suggest-box .suggest-box-content-item .query { | 95 .suggest-box .suggest-box-content-item .query { |
| 115 font-weight: bold; | 96 font-weight: bold; |
| 116 } | 97 } |
| 117 | 98 |
| 118 .suggest-box .suggest-box-content-item .spacer { | 99 .suggest-box .suggest-box-content-item .spacer { |
| 119 display: inline-block; | 100 display: inline-block; |
| 120 width: 20px; | 101 width: 20px; |
| 121 } | 102 } |
| (...skipping 12 matching lines...) Expand all Loading... |
| 134 pointer-events: auto; | 115 pointer-events: auto; |
| 135 margin-left: 3px; | 116 margin-left: 3px; |
| 136 max-width: 750px; | 117 max-width: 750px; |
| 137 word-wrap: normal; | 118 word-wrap: normal; |
| 138 } | 119 } |
| 139 | 120 |
| 140 .suggest-box .details-popup .description { | 121 .suggest-box .details-popup .description { |
| 141 margin-top: 22px; | 122 margin-top: 22px; |
| 142 color: #808080; | 123 color: #808080; |
| 143 } | 124 } |
| OLD | NEW |