/*
 * 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 '~@/common/style/variables.scss';
.ctx-menu-container {
  position: fixed;
  padding: 0;
  cursor: pointer;
  border: 1px solid #ebeef5;
  z-index: 99999;
  color: #646465;
  font-size: $text-sz-default;
  font-weight: 500;
  background: #fff;
  .ctx {
    position: relative;
    display: flex;
    background-color:transparent;
    .second-menu {
      width: 160px !important;
      background: #fff;
      position: absolute;
      right: -161px;
      top: 0px;
      border: 1px solid #ebeef5;
      border-left: none;
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
      border-radius: 4px;
      padding-left: 0;
      .ctx-item {
        background: #fff;
        width: 160px;
        color: #3d3d3d;
        font-size: 12px;
      }
    }
    .ctx-menu {
      border: 1px solid #ebeef5;
      background-color: white;
      position: absolute;
      left: 0;
      list-style: none;
      min-width: 178px;
      box-shadow: 0 2px 8px #A8A8A8;
      .ctx-divider {
        height: 1px !important;
        overflow: hidden;
        background-color: #e3e3e3;
        margin: 5px 12px !important;
      }
      .ctx-item {
        position: relative;
        display: flex;
        box-sizing: border-box;
        height: 28px;
        line-height: 28px;
        padding: 0 12px;
        white-space: nowrap;
        justify-content: space-between;
        align-items: center;
        &:focus, &:hover {
          color: $text-over-color;
          background-color: $grey-bg-color;
        }
        &.active:focus, &.active:hover {
          color: $text-click-color;
        }
        &.disabled:focus, &.disabled:hover {
          color: #818a91;
        }
      }
    }
  }
}
