<commit_before>
  /*
   * Right panel in the table view
   * - SQL, facets, ...
   */

  @import "compass";
  @import "../common/mixins";
  @import "../common/sprites";
  @import "../common/vars";

  $corner_radius: 6px;

  .table_panel {
    position:fixed;
    right:-537px;
    top:64px;
    bottom:0px;
    width:600px;
    padding-top:25px;
    background:white;
    letter-spacing:-4px;
    border:1px solid rgba(black,0.4);
    border-bottom:0;
    border-right:0;
    background:#EDEDED;
    @include box-shadow(rgba(black,0.15) 0 0 2px 2px);
    @include border-top-left-radius($corner_radius);
    z-index:20;

    &:before {
      content:'';
      position:absolute;
      @include size(100%, 10px);
      top:-1px;
      right:-1px;
      left:-1px;
      width:100%;
      height:83px;
      border-top:1px solid rgba(black,0.5);
      border-left:1px solid rgba(black,0.5);
      z-index:0;
      @include border-top-left-radius($corner_radius);
    }

    // Hello layer panel, let's play a little bit
    /*
      .Layer-panel
        - .layer_info
        - .sidebar
        - .views

    */
    .layer_panel {
      position:relative;
      width:100%;
      height:100%;
      margin-top:-25px;
      background:#EDEDED;
      border-top:1px solid #999999;
      @include border-top-left-radius($corner_radius);
      @include box-shadow(rgba(black,0.1) 0 -10px 20px 0);
      @include transform-style("linear");
      @include transition-property("padding,margin");
      @include transition-duration(250ms);
      z-index:1;

      &:hover {padding-bottom:15px}
      &:first-child {margin-top:0;}
      &:last-child:hover {margin-top:-38px}
    }

    .add_layer {
      position:relative;
      height:55px;
      margin-top:-15px;
      line-height:50px;
      @include transform-style("linear");
      @include transition-property("height");
      @include transition-duration(250ms);

      &:hover {height:70px}

      div.right {margin-right:20px;}
    }

    // Layer info, as name, order, ... etc
    .layer_info {
      position:absolute;
      top:0; right:0; bottom:auto; left:0;
      line-height:67px;
      @include border-top-left-radius($corner_radius);
      border-bottom:1px solid rgba(#999999,0.25);
      z-index:0;

      div.left {width:82%;}
      div.right {width:45px; margin-right:20px;}
    }

    // Layer info
    a.info {
      display:block;
      padding-left:24px;

      * {@include inline-block(); vertical-align:middle; letter-spacing:0px;}

      .order {
        width:16px;
        padding:1px 0;
        line-height:16px;
        text-align:center;
        font:bold 11px $text-fonts;
        color:#ECECEC;
        background:#A9A9A9;
        @include border-radius(2px);
      }

      .add {
        width:16px;
        height:16px;
        text-align:center;
        font:bold 11px $text-fonts;
        color:#ECECEC;
        background:#A9A9A9;
        @include text-indent();
        @include border-radius(2px);
        @include background(sprite($icons-sprites, add_layer, $offset-x:0, $offset-y:0) no-repeat);
      }

      .name {
        width:80%;
        @include text-overflow();
        overflow:hidden;
        margin-left:27px;
        font:bold 17px $text-fonts;
        color:#A9A9A9;
        line-height:20px;
      }

      .action {
        margin-left:27px;
        font:500 17px $text-fonts;
        line-height:20px;
      }

      &:hover {
        text-decoration:none;
        cursor:pointer;
        .name {color:#666;}
        .action {color: #3A77A6;}
        .order {background:#666;}
        .add { @include background(sprite($icons-sprites, add_layer, $offset-x:0, $offset-y:-16px) no-repeat); }
      }
    }

    // LAYER ACTIONS

    // visibility
    .visibility {}

    // remove
    .remove {
      @include inline-block();
      vertical-align:middle;
      letter-spacing:0px;
      width:13px;
      height:13px;
      margin-left:5px;
      @include background(sprite($icons-sprites, close_grey, $offset-x:0, $offset-y:0) no-repeat);
      &:hover {@include background(sprite($icons-sprites, close_grey, $offset-x:0, $offset-y:-13px) no-repeat);}
      &:active {@include background(sprite($icons-sprites, close_grey, $offset-x:0, $offset-y:-26px) no-repeat);}
    }

    // Sorting
    .ui-sortable-placeholder {
      visibility: visible!important;

      &:after {
        content:'';
        position:absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 0;
        border:2px dashed #AAA;
        @include border-top-left-radius(3px);
        z-index:0;
      }

      &:before {
        content:'Drop your layer here';
        position:absolute;
        top:25px;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        text-align: center;
        font:bold 17px $text-fonts;
        color:#CDCDCD;
        line-height:20px;
        letter-spacing: 0;
        z-index:1;
      }<commit_msg>drop the layer here message removed in infowindow fields behaviour - fixes vizzuality/cartodb-management#2921<commit_after>
  /*
   * Right panel in the table view
   * - SQL, facets, ...
   */

  @import "compass";
  @import "../common/mixins";
  @import "../common/sprites";
  @import "../common/vars";

  $corner_radius: 6px;

  .table_panel {
    position:fixed;
    right:-537px;
    top:64px;
    bottom:0px;
    width:600px;
    padding-top:25px;
    background:white;
    letter-spacing:-4px;
    border:1px solid rgba(black,0.4);
    border-bottom:0;
    border-right:0;
    background:#EDEDED;
    @include box-shadow(rgba(black,0.15) 0 0 2px 2px);
    @include border-top-left-radius($corner_radius);
    z-index:20;

    &:before {
      content:'';
      position:absolute;
      @include size(100%, 10px);
      top:-1px;
      right:-1px;
      left:-1px;
      width:100%;
      height:83px;
      border-top:1px solid rgba(black,0.5);
      border-left:1px solid rgba(black,0.5);
      z-index:0;
      @include border-top-left-radius($corner_radius);
    }

    // Hello layer panel, let's play a little bit
    /*
      .Layer-panel
        - .layer_info
        - .sidebar
        - .views

    */
    .layer_panel {
      position:relative;
      width:100%;
      height:100%;
      margin-top:-25px;
      background:#EDEDED;
      border-top:1px solid #999999;
      @include border-top-left-radius($corner_radius);
      @include box-shadow(rgba(black,0.1) 0 -10px 20px 0);
      @include transform-style("linear");
      @include transition-property("padding,margin");
      @include transition-duration(250ms);
      z-index:1;

      &:hover {padding-bottom:15px}
      &:first-child {margin-top:0;}
      &:last-child:hover {margin-top:-38px}
    }

    .add_layer {
      position:relative;
      height:55px;
      margin-top:-15px;
      line-height:50px;
      @include transform-style("linear");
      @include transition-property("height");
      @include transition-duration(250ms);

      &:hover {height:70px}

      div.right {margin-right:20px;}
    }

    // Layer info, as name, order, ... etc
    .layer_info {
      position:absolute;
      top:0; right:0; bottom:auto; left:0;
      line-height:67px;
      @include border-top-left-radius($corner_radius);
      border-bottom:1px solid rgba(#999999,0.25);
      z-index:0;

      div.left {width:82%;}
      div.right {width:45px; margin-right:20px;}
    }

    // Layer info
    a.info {
      display:block;
      padding-left:24px;

      * {@include inline-block(); vertical-align:middle; letter-spacing:0px;}

      .order {
        width:16px;
        padding:1px 0;
        line-height:16px;
        text-align:center;
        font:bold 11px $text-fonts;
        color:#ECECEC;
        background:#A9A9A9;
        @include border-radius(2px);
      }

      .add {
        width:16px;
        height:16px;
        text-align:center;
        font:bold 11px $text-fonts;
        color:#ECECEC;
        background:#A9A9A9;
        @include text-indent();
        @include border-radius(2px);
        @include background(sprite($icons-sprites, add_layer, $offset-x:0, $offset-y:0) no-repeat);
      }

      .name {
        width:80%;
        @include text-overflow();
        overflow:hidden;
        margin-left:27px;
        font:bold 17px $text-fonts;
        color:#A9A9A9;
        line-height:20px;
      }

      .action {
        margin-left:27px;
        font:500 17px $text-fonts;
        line-height:20px;
      }

      &:hover {
        text-decoration:none;
        cursor:pointer;
        .name {color:#666;}
        .action {color: #3A77A6;}
        .order {background:#666;}
        .add { @include background(sprite($icons-sprites, add_layer, $offset-x:0, $offset-y:-16px) no-repeat); }
      }
    }

    // LAYER ACTIONS

    // visibility
    .visibility {}

    // remove
    .remove {
      @include inline-block();
      vertical-align:middle;
      letter-spacing:0px;
      width:13px;
      height:13px;
      margin-left:5px;
      @include background(sprite($icons-sprites, close_grey, $offset-x:0, $offset-y:0) no-repeat);
      &:hover {@include background(sprite($icons-sprites, close_grey, $offset-x:0, $offset-y:-13px) no-repeat);}
      &:active {@include background(sprite($icons-sprites, close_grey, $offset-x:0, $offset-y:-26px) no-repeat);}
    }

    // Sorting
    .layer_panel.ui-sortable-placeholder {
      visibility: visible!important;

      &:after {
        content:'';
        position:absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 0;
        border:2px dashed #AAA;
        @include border-top-left-radius(3px);
        z-index:0;
      }

      &:before {
        content:'Drop your layer here';
        position:absolute;
        top:25px;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        text-align: center;
        font:bold 17px $text-fonts;
        color:#CDCDCD;
        line-height:20px;
        letter-spacing: 0;
        z-index:1;
      }
{'fraction_non_alphanumeric': 0.14469485440765856, 'fraction_numerical': 0.04268049461507778, 'mean_word_length': 2.079214000614062, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1684885', 'n_tokens_mistral': 3692, 'n_tokens_neox': 3351, 'n_words': 599}