<commit_before>/*
 * Copyright © 2015 <NAME>, Inc.
 *
 * Licensed 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 "../../styles/variables.less";
@import "../../../bower_components/bootstrap/less/mixins.less";
@import "../../styles/themes/cdap/mixins.less";

my-dag {
  .zoom-control {
    z-index: 1023;
    right: 15px;
  }

  .my-js-dag {
    width: inherit;
    height: inherit;

    #diagram-container {
      position: relative;
      width: inherit;
      height: inherit;
      overflow: hidden;
    }

    &.disabled {
      background-image: none;
      border: 0;
      background-color: @table-bg;
      .border-radius(4px);
      .box {
        cursor: pointer;
      }
    }

    .box {
      position: absolute;
      text-align: center;
      cursor: move;
      left: 100px;
      top: 150px;
      padding: 0;
      height: 66px;
      width: 105px;
      &.selected {
        &.realtimesource, &.batchsource {
          .node {
            background-color: #48c038;
            border-width: 6px;
          }
        }
        &.transform {
          .node {
            background-color: #4586f3;
            border-width: 6px;
          }
        }
        &.realtimesink, &.batchsink {
          .node {
            background-color: #8367df;
            border-width: 6px;
          }
        }
        .icon.fa, .fa.fa-close {
          color: white;
        }
        .icon.fa {
          line-height: 34px;
        }
        .fa.fa-close {
          top: 3px;
        }
      }
      .node {
        background-color: white;
        margin: 0 auto;
        height: 46px;
        width: 56px;
        .border-radius(6px);
        .box-shadow(0 10px 18px -9px fade(black, 50%));
        .transition(all 50ms linear);
        &:hover, &:focus {
          .fa.fa-close {
            .opacity(1);
          }
        }
      }
      &.realtimesource, &.batchsource {
        color: #48c038;<commit_msg>fixes node border issue on canvas zoom<commit_after>/*
 * Copyright © 2015 <NAME>, Inc.
 *
 * Licensed 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 "../../styles/variables.less";
@import "../../../bower_components/bootstrap/less/mixins.less";
@import "../../styles/themes/cdap/mixins.less";

my-dag {
  .zoom-control {
    z-index: 1023;
    right: 15px;
  }

  .my-js-dag {
    width: inherit;
    height: inherit;

    #diagram-container {
      position: relative;
      width: inherit;
      height: inherit;
      overflow: hidden;
    }

    &.disabled {
      background-image: none;
      border: 0;
      background-color: @table-bg;
      .border-radius(4px);
      .box {
        cursor: pointer;
      }
    }

    .box {
      position: absolute;
      text-align: center;
      cursor: move;
      left: 100px;
      top: 150px;
      padding: 0;
      height: 66px;
      width: 105px;
      &.selected {
        &.realtimesource, &.batchsource {
          .node {
            background-color: #48c038;
            border-width: 6px;
          }
        }
        &.transform {
          .node {
            background-color: #4586f3;
            border-width: 6px;
          }
        }
        &.realtimesink, &.batchsink {
          .node {
            background-color: #8367df;
            border-width: 6px;
          }
        }
        .icon.fa, .fa.fa-close {
          color: white;
        }
        .icon.fa {
          line-height: 34px;
        }
        .fa.fa-close {
          top: 3px;
        }
      }
      .node {
        background-color: white;
        margin: 0 auto;
        height: 46px;
        width: 56px;
        .border-radius(6px);
        .box-shadow(0 10px 18px -9px fade(black, 50%));
        .transition(all 50ms linear);
        background-clip: border-box;
        &:hover, &:focus {
          .fa.fa-close {
            .opacity(1);
          }
        }
      }
      &.realtimesource, &.batchsource {
        color: #48c038;
{'fraction_non_alphanumeric': 0.12205044751830757, 'fraction_numerical': 0.028478437754271765, 'mean_word_length': 1.6196057538625466, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1771966', 'n_tokens_mistral': 1602, 'n_tokens_neox': 1492, 'n_words': 401}