third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css

   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 :host {
  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-left-spacer {
  42     flex: 0 1 auto;
  43 }
  44
  45 .suggest-box-horizontal {
  46     display: flex;
  47     flex-direction: column;
  48     flex: 0 0 auto;
  49     max-width: 300px;
  50 }
  51
  52 .suggest-box-top-spacer {
  53     flex: auto;
  54 }
  55
  56 :host(.under-anchor) .suggest-box-top-spacer,
  57 :host(:not(.under-anchor)) .suggest-box-bottom-spacer {
  58     flex: 0 0 auto;
  59 }
  60
  61 .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 :host(.under-anchor) .suggest-box {
  75     border-radius: 0 5px 5px 5px;
  76 }
  77
  78 .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: 0;
  86     white-space: nowrap;
  87 }
  88
  89 .suggest-box .suggest-box-content-item .prefix {
  90     font-weight: bold;
  91 }
  92
  93 .suggest-box .suggest-box-content-item .spacer {
  94     display: inline-block;
  95     width: 20px;
  96 }
  97
  98 .suggest-box .suggest-box-content-item.selected {
  99     background-color: rgba(56, 121, 217, 0.1);
 100 }
 101
 102 .suggest-box .suggest-box-content-item:hover:not(.selected) {
 103     border: 1px solid rgb(204, 204, 204);
 104 }