1 /* 2 * Copyright (C) 2011 Google Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions are 6 * met: 7 * 8 * * Redistributions of source code must retain the above copyright 9 * notice, this list of conditions and the following disclaimer. 10 * * Redistributions in binary form must reproduce the above 11 * copyright notice, this list of conditions and the following disclaimer 12 * in the documentation and/or other materials provided with the 13 * distribution. 14 * * Neither the name of Google Inc. nor the names of its 15 * contributors may be used to endorse or promote products derived from 16 * this software without specific prior written permission. 17 * 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 29 */ 30 31 .suggest-box-overlay { 32 position: absolute; 33 background-color: transparent; 34 z-index: 1000; 35 pointer-events: none; 36 overflow: hidden; 37 display: flex; 38 flex-direction: row; 39 } 40 41 .suggest-box-overlay .suggest-box-left-spacer { 42 flex: 0 1 auto; 43 } 44 45 .suggest-box-overlay .suggest-box-horizontal { 46 display: flex; 47 flex-direction: column; 48 flex: 0 0 auto; 49 max-width: 300px; 50 } 51 52 .suggest-box-overlay .suggest-box-top-spacer { 53 flex: auto; 54 } 55 56 .suggest-box-overlay.under-anchor .suggest-box-top-spacer, 57 .suggest-box-overlay:not(.under-anchor) .suggest-box-bottom-spacer { 58 flex: 0 0 auto; 59 } 60 61 .suggest-box-overlay .suggest-box { 62 background-color: #FFFFFF; 63 border: 1px solid rgb(66%, 66%, 66%); 64 pointer-events: auto; 65 margin-left: -3px; 66 overflow-x: hidden; 67 overflow-y: auto; 68 display: flex; 69 flex-direction: column; 70 flex: 0 0 auto; 71 border-radius: 5px 5px 5px 0; 72 } 73 74 .suggest-box-overlay.under-anchor .suggest-box { 75 border-radius: 0 5px 5px 5px; 76 } 77 78 .suggest-box-overlay .suggest-box .suggest-box-content-item { 79 padding: 1px; 80 margin: 0; 81 overflow: hidden; 82 text-overflow: ellipsis; 83 border: 1px solid transparent; 84 flex: 0 0 auto; 85 padding-right: 0px; 86 white-space: nowrap; 87 } 88 89 .suggest-box-overlay .suggest-box .suggest-box-content-item .prefix { 90 font-weight: bold; 91 } 92 93 .suggest-box-overlay .suggest-box .suggest-box-content-item .spacer { 94 display: inline-block; 95 width: 20px; 96 } 97 98 .suggest-box-overlay .suggest-box .suggest-box-content-item.selected { 99 background-color: rgba(56, 121, 217, 0.1); 100 } 101 102 .suggest-box-overlay .suggest-box .suggest-box-content-item:hover:not(.selected) { 103 border: 1px solid rgb(204, 204, 204); 104 } 105