web-console/src/views/workbench-view/column-tree/column-tree.scss

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import '../../../variables';
@import '../../../blueprint-overrides/common/colors';

@keyframes druid-glow {
  0% {
    text-shadow: 0 0 0 $druid-brand2;
  }
  100% {
    text-shadow: 0 0 2px $druid-brand2;
  }
}

.column-tree {
  .#{$bp-ns}-dark & {
    background: $dark-gray3;
  }

  .schema-selector {
    select {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  .search-box {
    margin: 2px 8px;
  }

  .tree-container {
    position: absolute;
    top: 78px;
    bottom: 0;
    width: 100%;
    overflow: auto;

    .#{$bp-ns}-tree-node-content-1 {
      padding-left: 0;
    }

    .highlight {
      animation: druid-glow 1s infinite alternate;
    }

    .#{$bp-ns}-popover-target {
      width: 188px;
      display: inline-block;
      cursor: pointer;
    }

    .message-box {
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80%;
      text-align: center;
    }
  }
}