Chromium Code Reviews| 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 | 78 |
| 79 .suggest-box-content-item .query { | 79 .suggest-box-content-item .query { |
| 80 font-weight: bold; | 80 font-weight: bold; |
| 81 } | 81 } |
| 82 | 82 |
| 83 .suggest-box-content-item .spacer { | 83 .suggest-box-content-item .spacer { |
| 84 display: inline-block; | 84 display: inline-block; |
| 85 width: 20px; | 85 width: 20px; |
| 86 } | 86 } |
| 87 | 87 |
| 88 .suggest-box { | |
| 89 --blurred-selected-background: rgb(56, 121, 217); | |
|
dgozman
2017/03/11 00:00:24
Let's do classic way for now.
lushnikov
2017/03/11 00:09:59
Done.
| |
| 90 --blurred-selected-color: #fff; | |
| 91 } | |
| 92 | |
| 93 .enable-interaction-styling.suggest-box { | |
| 94 --blurred-selected-background: whitesmoke; | |
| 95 --blurred-selected-color: inherit; | |
| 96 } | |
| 97 | |
| 88 .suggest-box-content-item.selected { | 98 .suggest-box-content-item.selected { |
| 99 background-color: var(--blurred-selected-background); | |
| 100 } | |
| 101 | |
| 102 .suggest-box-content-item.selected > span { | |
| 103 color: var(--blurred-selected-color); | |
| 104 } | |
| 105 | |
| 106 .user-has-interacted .suggest-box-content-item.selected { | |
| 89 background-color: rgb(56, 121, 217); | 107 background-color: rgb(56, 121, 217); |
| 90 } | 108 } |
| 91 | 109 |
| 92 .suggest-box-content-item.selected > span { | 110 .user-has-interacted .suggest-box-content-item.selected > span { |
| 93 color: #FFF; | 111 color: #FFF; |
| 94 } | 112 } |
| 95 | 113 |
| 96 .suggest-box-content-item:hover:not(.selected) { | 114 .suggest-box-content-item:hover:not(.selected) { |
| 97 background-color: rgba(56, 121, 217, 0.1); | 115 background-color: rgba(56, 121, 217, 0.1); |
| 98 } | 116 } |
| OLD | NEW |