<commit_before>@import "../../styles/variables.less";
@import "../../../bower_components/bootstrap/less/mixins.less";
@import "../../styles/themes/cdap/mixins.less";

body.state-dashboard {

  .widget {
    .panel-heading {
      padding: 15px;
      .btn-group {
        top: -5px;
        right: -5px;
      }
      > span {
        max-width: 60%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
      }
    }
    .panel-body {
      overflow-x: scroll;
    }
    .panel-footer dl {
      margin: 0;
      white-space: nowrap;
      dt {
        float: left;
        clear: left;
        min-width: 70px;
        &:after {
          content: ':\00a0';
        }
      }
      dd {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  [bs-tabs] {
    > ul.nav-tabs {
      border-bottom: 0;
      > li {
        > a {
          color: @cdap-gray;
          cursor: pointer;
          height: 42px;
          background-color: white;
          position: relative;
          border: 1px solid @subnav-border;
          text-align: center;
          .border-radius(0 10px 0 0);
          .transition(background-color 0.05s ease-in);
          &:hover, &:focus {
            background-color: @subnav-background;
            color: @cdap-gray;
            &:before, &:after { background-color: @subnav-background; }
          }
          &:before, &:after {
            background-color: white;
            content:" ";
            display: block;
            position: absolute;
            top: -2px;
            .transition(background-color 0.05s ease-in);
          }
          &:before {
            height: 42px;
            width: 10px;
            right: -2px;
            border-top: 1px solid @subnav-border;
          }
          &:after {
            width: 100px;
            height: 43px;
            right: -10px;
            border: 1px solid @subnav-border;
            border-left: 0;
            z-index: 1;
            .skew(15deg, 0);
          }
          > span {
            position: relative;
            left: 7px;
            z-index: 2;
            .caret { position: relative; bottom: 7px; }
            em {
              margin-right: 0;
              max-width: 100px;
              text-overflow: ellipsis;
              overflow: hidden;
              display: inline-block;
            }
          }
        }
        &:not(:last-child) > a { min-width: 100px; }
        &:last-child > a {
          width: 60px;
          &:after { width: 60px; }
          span { color: @brand-primary; right: -10px; }
        }
        &.active > a {
          background-color: @subnav-background;
          height: 42px;
          min-width: 100px;
          position: relative;
          border: 1px solid @subnav-border;
          .border-radius(0 10px 0 0);
          &:before, &:after {
            background-color: @subnav-background;
            content:" ";
            display: block;
            height: 43px;
            position: absolute;
            top: -2px;
          }
          &:before {
            width: 10px;
            right: -2px;
            border-top: 1px solid @subnav-border;
          }
          &:after {
            width: 100px;
            right: -10px;
            border: 1px solid @subnav-border;
            border-left: 0;
            z-index: 1;
            .skew(15deg, 0);
          }
        }
      }
    }
  }

}<commit_msg>fixes styling issue affecting borders on slanted tabs<commit_after>@import "../../styles/variables.less";
@import "../../../bower_components/bootstrap/less/mixins.less";
@import "../../styles/themes/cdap/mixins.less";

body.state-dashboard {

  .widget {
    .panel-heading {
      padding: 15px;
      .btn-group {
        top: -5px;
        right: -5px;
      }
      > span {
        max-width: 60%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
      }
    }
    .panel-body {
      overflow-x: scroll;
    }
    .panel-footer dl {
      margin: 0;
      white-space: nowrap;
      dt {
        float: left;
        clear: left;
        min-width: 70px;
        &:after {
          content: ':\00a0';
        }
      }
      dd {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  [bs-tabs] {
    > ul.nav-tabs {
      border-bottom: 0;
      > li {
        > a {
          color: @cdap-gray;
          cursor: pointer;
          height: 43px;
          background-color: white;
          position: relative;
          border: 1px solid @subnav-border;
          text-align: center;
          .border-radius(0 10px 0 0);
          .transition(background-color 0.05s ease-in);
          &:hover, &:focus {
            background-color: @subnav-background;
            color: @cdap-gray;
            &:before, &:after { background-color: @subnav-background; }
          }
          &:before, &:after {
            background-color: white;
            content:" ";
            display: block;
            position: absolute;
            top: -1px;
            .transition(background-color 0.05s ease-in);
          }
          &:before {
            height: 42px;
            width: 10px;
            right: -2px;
            border-top: 1px solid @subnav-border;
          }
          &:after {
            width: 100px;
            height: 43px;
            right: -10px;
            border: 1px solid @subnav-border;
            border-left: 0;
            z-index: 1;
            .skew(15deg, 0);
          }
          > span {
            position: relative;
            left: 7px;
            z-index: 2;
            .caret { position: relative; bottom: 7px; }
            em {
              margin-right: 0;
              max-width: 100px;
              text-overflow: ellipsis;
              overflow: hidden;
              display: inline-block;
            }
          }
        }
        &:not(:last-child) > a { min-width: 100px; }
        &:last-child > a {
          width: 60px;
          &:after { width: 60px; }
          span { color: @brand-primary; right: -10px; }
        }
        &.active > a {
          background-color: @subnav-background;
          height: 43px;
          min-width: 100px;
          position: relative;
          border: 1px solid @subnav-border;
          .border-radius(0 10px 0 0);
          &:before, &:after {
            background-color: @subnav-background;
            content:" ";
            display: block;
            height: 43px;
            position: absolute;
            top: -1px;
          }
          &:before {
            width: 10px;
            right: -2px;
            border-top: 1px solid @subnav-border;
          }
          &:after {
            width: 100px;
            right: -10px;
            border: 1px solid @subnav-border;
            border-left: 0;
            z-index: 1;
            .skew(15deg, 0);
          }
        }
      }
    }
  }

}
{'fraction_non_alphanumeric': 0.12372013651877133, 'fraction_numerical': 0.026166097838452786, 'mean_word_length': 1.160012285012285, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 19, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '5820463', 'n_tokens_mistral': 2248, 'n_tokens_neox': 2096, 'n_words': 459}