github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/components/QueryInput/QueryInput.module.scss (about)

     1  .executeButton {
     2    flex-grow: 1;
     3    color: var(--ps-immutable-white);
     4  }
     5  
     6  .wrapper {
     7    flex-grow: 1;
     8    display: flex;
     9    align-items: flex-start;
    10    position: relative;
    11  }
    12  
    13  .input.input {
    14    flex-grow: 20;
    15    border-top-right-radius: 0px;
    16    border-bottom-right-radius: 0px;
    17    border-right: none;
    18    caret-color: var(--ps-neutral-2);
    19    color: var(--ps-grey-primary);
    20    letter-spacing: 0px;
    21    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    22    font-size: 16px;
    23    border: 1px solid var(--ps-ui-border);
    24    padding: 0.25em 0.375em;
    25    resize: none;
    26    word-break: break-all;
    27    box-sizing: border-box;
    28    line-height: 27px;
    29    white-space: break-spaces;
    30    overflow: hidden;
    31  }
    32  
    33  // increase specificity to overwrite prism.scss
    34  .highlight.highlight {
    35    height: 0;
    36    width: 0;
    37    z-index: 1;
    38    pointer-events: none;
    39    overflow: inherit !important;
    40    position: absolute;
    41    top: 0;
    42  
    43    // We use !important so that we can overwrite the classes from
    44    // pre[class*="language-"]
    45    // which from from prism.scss
    46    background: none !important;
    47    padding: 0 !important;
    48    margin: 0 !important;
    49  
    50    code {
    51      font-size: 16px;
    52      font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    53      background: none;
    54      border: 1px solid transparent;
    55      box-shadow: none;
    56      padding: 0.25em 0.375em;
    57      margin: 0;
    58      line-height: 27px;
    59      position: absolute;
    60      top: 0px;
    61      left: 0px;
    62      word-break: break-all;
    63      white-space: break-spaces;
    64      letter-spacing: 0px;
    65      border-right: none;
    66    }
    67  }