<commit_before>/*
 * dbKoda - a modern, open source code editor, for MongoDB.
 * Copyright (C) 2017-2018 Southbank Software
 *
 * This file is part of dbKoda.
 *
 * dbKoda is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * dbKoda is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with dbKoda.  If not, see <http://www.gnu.org/licenses/>.
 */

// @Author: <NAME> <wahaj>
// @Date:   2017-03-14T16:09:51+11:00
// @Email:  <EMAIL>
// @Last modified by:   wahaj
// @Last modified time: 2017-06-07T14:28:56+10:00
@import '../../styles/_defaultTheme.scss';

.dynamic-form {
  div > form {
    margin: 30px;
  }

  input[type='text'],
  input[type='number'],
  input[type='Numeric'],
  input[type='password'] {
    background: unset;
    color: $connectionActiveTextFieldTextColour !important;
  }
  input[type='text']:focus,
  input[type='number']:focus,
  input[type='Numeric']:focus,
  input[type='password']:focus {
    background-color: $connectionActiveTextFieldBackgroundColour !important;
    box-shadow: none !important;
    border-radius: 0px;
  }
  input[type='Numeric'] {
    background-color: $connectionActiveTextFieldBackgroundColour !important;
    border-top-left-radius: 0.4em !important;
    border-top-right-radius: 0em !important;
    border-bottom-left-radius: 0.4em !important;
    border-bottom-right-radius: 0em !important;
  }
  input[type='Numeric']:focus {
    border-top-left-radius: 0.4em !important;
    border-top-right-radius: 0em !important;
    border-bottom-left-radius: 0.4em !important;
    border-bottom-right-radius: 0em !important;
  }

  .form-scrollable {
    overflow-y: hidden;
    overflow-x: hidden;
  }

  .form-scrollable:after {
    display: block;
    content: '';
    width: 100%;
    height: 50px;
  }

  .form-title {
    text-align: center;
    margin: 35px 0;
    color: $fieldHeadingFontColor;
  }

  .form-group-inline {
    display: inline-block !important;
    vertical-align: top;
    width: 100%;
  }

  .pt-form-group {
    padding: 0 11px;
  }

  .pt-form-content {
    width: 100%;

    :disabled {
      opacity: 0.5;
    }

    .pt-input,
    .pt-select {
      width: 100%;
      min-width: 200px;
      border-radius: 0px;
      border-style: none;
      box-shadow: none;
      // background-color: $fieldBrightBackgroundColor !important;
      // color: $fieldBrightFontColor !important;
    }

    .pt-numeric-input {
      .pt-input-group {
        width: calc(50% - 30px);
      }
      .pt-button-group {
        border-left: 1px solid $defaultFontColor;
        .pt-icon-chevron-up,
        .pt-icon-chevron-down {
          background: unset !important;
          box-shadow: none !important;
          background-color: $white !important;
          color: $defaultFontColor !important;
        }
        .pt-icon-chevron-up::before,
        .pt-icon-chevron-down::before {
          color: $defaultFontColor !important;
        }
        .pt-icon-chevron-up {
        }
        .pt-icon-chevron-down {
        }
      }
      .pt-input {
        min-width: 170px;
        width: 100%;
      }
    }

    .pt-numeric-input:focus {
      .pt-button-group {
        .pt-icon-chevron-up {
          background-color: $connectionActiveTextFieldBackgroundColour !important;
        }
        .pt-icon-chevron-down {
          background-color: $connectionActiveTextFieldBackgroundColour !important;
        }
      }
    }

    .pt-popover-target {
      width: 100%;
    }
  }
  .groupFieldSet {
    margin: 0px -15px 15px -15px;
    border-style: none;
    background-color: $fieldGroupPrimaryBackground;
    .pt-form-group {
      margin: 0px 5px 15px 5px;
    }
  }

  .tableFieldSet {
    border-style: none;
    background-color: $fieldGroupPrimaryBackground;

    .tableHeader {
      height: 60px;
      margin-bottom: 15px;
      padding: 15px;
      border-bottom: 1px solid $fieldGroupTitleUnderline;

      .pt-icon-add {
        background: unset !important;
        background-color: $fieldGroupHeaderIcon !important;
      }
      .pt-icon-add:hover {
        background-color: #272a3a !important;
      }

      .pt-icon-trash {
        background-color: $fieldGroupHeaderDangerIcon !important;
        :hover {
          background-color: #a5535e !important;
        }
      }
      .pt-icon-trash:hover::before {
        color: $white !important;
      }

      .left {
        padding-top: 6px;
      }
    }

    .field-group {
      padding: 0 9px;

      .pt-icon-delete {
        color: $fieldGroupListIcon !important;
        margin: 0;
        background: unset !important;
      }
      .pt-icon-delete:hover::before {
        color: $white !important;
      }
    }

    .pt-form-content {
      width: 100%;
      margin: 2px 0;

      .pt-input,
      .pt-select,
      .pt-numeric-input {
        width: 40%;
        min-width: 95px;
      }
    }

    div.columns-1-max {
      div.pt-form-group {
        width: 96%;
        padding: 0;
      }
    }
    div.columns-2-max {
      div.pt-form-group {
        width: 44%;
        padding: 0;
      }
    }
    div.columns-3-max {
      div.pt-form-group {
        width: 30%;
        padding: 0;
      }
    }
    div.columns-4-max {
      div.pt-form-group {
        width: 20%;
        padding: 0;
      }
    }
  }
  .form-button-panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: $fieldGroupPrimaryBackground;

    button {
      background: none;
      border-radius: 0px;
      position: right;
    }
    button:focus {
      outline: none;
    }
    .pt-intent-success {
      background-color: $connectionButtonBackgroundColourConnect;
      color: $fieldPrimaryButtonFontColor;
    }
    .pt-intent-success:hover {
      background-color: $connectionButtonBackgroundColourConnectHover;
    }
    .pt-intent-success:active {
      background-color: $fieldPrimaryButtonActive;
    }
    .pt-intent-primary {
      background-color: $fieldSecondaryButtonBackground;
      color: $fieldSecondaryButtonFontColor;
    }
    .pt-intent-primary:hover {
      background-color: $fieldSecondaryButtonHover;
    }
    .pt-intent-primary:active {
      background-color: $fieldSecondaryButtonActive;
    }
  }

  .pt-label-r-30 {
    width: 100%;
    text-align: left;
    color: $fieldHeadingFontColor !important;
  }

  .pt-select select {
    height: 30px;
    width: 100%;
    border-radius: 0px;
    border-style: none;
    background-color: $fieldBrightBackgroundColor !important;
    color: $fieldBrightFontColor !important;
  }

  .pt-checkbox-form,
  .pt-form-content-reverse {
    margin-top: 10px;

    .pt-checkbox {
      font-size: 10pt;
      font-weight: lighter;
      color: $connectionHeadingsFontColour !important;
      text-align: left;
      .pt-control-indicator {
        font-size: unset;
        font-weight: unset;
        font-style: unset;
        box-shadow: unset;
        line-height: unset;
        background: unset;
        box-shadow: unset;
        font-size: 11pt;
        color: $connectionCheckboxColour;
        border-radius: 0;
        background-color: $connectionCheckboxBackgroundColour; // outline: $connectionCheckboxColour solid 1px;
        border: 1px solid $connectionCheckboxColour;
      }
      .pt-control-indicator:hover {
        background-color: $connectionCheckboxBackgroundColourHover;
      }
    }
  }

  .table-field-100 {
    width: 100% !important;
  }

  .table-field-90 {
    width: 90% !important;
  }

  .table-field-80 {
    width: 80% !important;
  }

  .table-field-15 {
    width: 15% !important;
  }

  .right-button {
    float: right;
    margin: 10px;
  }

  .transparent-btn {
    background-color: transparent;
    box-shadow: none;
    border: none;
  }

  .left {
    float: left;
  }

  .right {
    float: right;
  }

  .tooltip-btn {
    z-index: 9999;
  }

  .pt-tooltip-indicator-form {
    border-bottom: none !important;
    vertical-align: middle !important;
  }

  .pt-form-content-reverse {
    display: flex;
    width: 100%;
    /*flex-direction: row-reverse;*/
  }
  .Select-control {
    height: 30px;
    border: none;
    background: #bfbec0 !important;
    color: $connectionActiveTextFieldTextColour !important;
    border-radius: 0.4em;
  }
  .Select-clear-zone {
    display: none;
  }
  .is-open > .Select-control {
    background-color: $connectionActiveTextFieldBackgroundColour !important;
    box-shadow: none !important;
  }
  .Select-menu-outer {
    z-index: 999 !important;
    position: absolute;
    max-height: 130px;
    .Select-menu {
      max-height: 130px;
    }
  }
  .Select-placeholder,
  .Select--single > .Select-control .Select-value {
    line-height: 30px;
  }
  .Select-input {
    height: 30px;
    border-radius: 0px;
  }
  .circleButton {
    background: none;
    background-color: $fieldGroupPrimaryBackground !important;
  }
  .circleButton:hover {
    background: none;
    background-color: $fieldGroupPrimaryBackground !important;
  }
}
<commit_msg>UX Fix for tree View<commit_after>/*
 * dbKoda - a modern, open source code editor, for MongoDB.
 * Copyright (C) 2017-2018 Southbank Software
 *
 * This file is part of dbKoda.
 *
 * dbKoda is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * dbKoda is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with dbKoda.  If not, see <http://www.gnu.org/licenses/>.
 */

// @Author: <NAME> <wahaj>
// @Date:   2017-03-14T16:09:51+11:00
// @Email:  <EMAIL>
// @Last modified by:   wahaj
// @Last modified time: 2017-06-07T14:28:56+10:00
@import '../../styles/_defaultTheme.scss';

.dynamic-form {
  div > form {
    margin: 30px;
  }

  input[type='text'],
  input[type='number'],
  input[type='Numeric'],
  input[type='password'] {
    background: unset;
    color: $connectionActiveTextFieldTextColour !important;
  }
  input[type='text']:focus,
  input[type='number']:focus,
  input[type='Numeric']:focus,
  input[type='password']:focus {
    background-color: $connectionActiveTextFieldBackgroundColour !important;
    box-shadow: none !important;
    border-radius: 0px;
  }
  input[type='Numeric'] {
    background-color: $connectionActiveTextFieldBackgroundColour !important;
    border-top-left-radius: 0.4em !important;
    border-top-right-radius: 0em !important;
    border-bottom-left-radius: 0.4em !important;
    border-bottom-right-radius: 0em !important;
  }
  input[type='Numeric']:focus {
    border-top-left-radius: 0.4em !important;
    border-top-right-radius: 0em !important;
    border-bottom-left-radius: 0.4em !important;
    border-bottom-right-radius: 0em !important;
  }

  .form-scrollable {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .form-scrollable:after {
    display: block;
    content: '';
    width: 100%;
    height: 50px;
  }

  .form-title {
    text-align: center;
    margin: 35px 0;
    color: $fieldHeadingFontColor;
  }

  .form-group-inline {
    display: inline-block !important;
    vertical-align: top;
    width: 100%;
  }

  .pt-form-group {
    padding: 0 11px;
  }

  .pt-form-content {
    width: 100%;

    :disabled {
      opacity: 0.5;
    }

    .pt-input,
    .pt-select {
      width: 100%;
      min-width: 200px;
      border-radius: 0px;
      border-style: none;
      box-shadow: none;
      // background-color: $fieldBrightBackgroundColor !important;
      // color: $fieldBrightFontColor !important;
    }

    .pt-numeric-input {
      .pt-input-group {
        width: calc(50% - 30px);
      }
      .pt-button-group {
        border-left: 1px solid $defaultFontColor;
        .pt-icon-chevron-up,
        .pt-icon-chevron-down {
          background: unset !important;
          box-shadow: none !important;
          background-color: $white !important;
          color: $defaultFontColor !important;
        }
        .pt-icon-chevron-up::before,
        .pt-icon-chevron-down::before {
          color: $defaultFontColor !important;
        }
        .pt-icon-chevron-up {
        }
        .pt-icon-chevron-down {
        }
      }
      .pt-input {
        min-width: 170px;
        width: 100%;
      }
    }

    .pt-numeric-input:focus {
      .pt-button-group {
        .pt-icon-chevron-up {
          background-color: $connectionActiveTextFieldBackgroundColour !important;
        }
        .pt-icon-chevron-down {
          background-color: $connectionActiveTextFieldBackgroundColour !important;
        }
      }
    }

    .pt-popover-target {
      width: 100%;
    }
  }
  .groupFieldSet {
    margin: 0px -15px 15px -15px;
    border-style: none;
    background-color: $fieldGroupPrimaryBackground;
    .pt-form-group {
      margin: 0px 5px 15px 5px;
    }
  }

  .tableFieldSet {
    border-style: none;
    background-color: $fieldGroupPrimaryBackground;

    .tableHeader {
      height: 60px;
      margin-bottom: 15px;
      padding: 15px;
      border-bottom: 1px solid $fieldGroupTitleUnderline;

      .pt-icon-add {
        background: unset !important;
        background-color: $fieldGroupHeaderIcon !important;
      }
      .pt-icon-add:hover {
        background-color: #272a3a !important;
      }

      .pt-icon-trash {
        background-color: $fieldGroupHeaderDangerIcon !important;
        :hover {
          background-color: #a5535e !important;
        }
      }
      .pt-icon-trash:hover::before {
        color: $white !important;
      }

      .left {
        padding-top: 6px;
      }
    }

    .field-group {
      padding: 0 9px;

      .pt-icon-delete {
        color: $fieldGroupListIcon !important;
        margin: 0;
        background: unset !important;
      }
      .pt-icon-delete:hover::before {
        color: $white !important;
      }
    }

    .pt-form-content {
      width: 100%;
      margin: 2px 0;

      .pt-input,
      .pt-select,
      .pt-numeric-input {
        width: 40%;
        min-width: 95px;
      }
    }

    div.columns-1-max {
      div.pt-form-group {
        width: 96%;
        padding: 0;
      }
    }
    div.columns-2-max {
      div.pt-form-group {
        width: 44%;
        padding: 0;
      }
    }
    div.columns-3-max {
      div.pt-form-group {
        width: 30%;
        padding: 0;
      }
    }
    div.columns-4-max {
      div.pt-form-group {
        width: 20%;
        padding: 0;
      }
    }
  }
  .form-button-panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: $fieldGroupPrimaryBackground;

    button {
      background: none;
      border-radius: 0px;
      position: right;
    }
    button:focus {
      outline: none;
    }
    .pt-intent-success {
      background-color: $connectionButtonBackgroundColourConnect;
      color: $fieldPrimaryButtonFontColor;
    }
    .pt-intent-success:hover {
      background-color: $connectionButtonBackgroundColourConnectHover;
    }
    .pt-intent-success:active {
      background-color: $fieldPrimaryButtonActive;
    }
    .pt-intent-primary {
      background-color: $fieldSecondaryButtonBackground;
      color: $fieldSecondaryButtonFontColor;
    }
    .pt-intent-primary:hover {
      background-color: $fieldSecondaryButtonHover;
    }
    .pt-intent-primary:active {
      background-color: $fieldSecondaryButtonActive;
    }
  }

  .pt-label-r-30 {
    width: 100%;
    text-align: left;
    color: $fieldHeadingFontColor !important;
  }

  .pt-select select {
    height: 30px;
    width: 100%;
    border-radius: 0px;
    border-style: none;
    background-color: $fieldBrightBackgroundColor !important;
    color: $fieldBrightFontColor !important;
  }

  .pt-checkbox-form,
  .pt-form-content-reverse {
    margin-top: 10px;

    .pt-checkbox {
      font-size: 10pt;
      font-weight: lighter;
      color: $connectionHeadingsFontColour !important;
      text-align: left;
      .pt-control-indicator {
        font-size: unset;
        font-weight: unset;
        font-style: unset;
        box-shadow: unset;
        line-height: unset;
        background: unset;
        box-shadow: unset;
        font-size: 11pt;
        color: $connectionCheckboxColour;
        border-radius: 0;
        background-color: $connectionCheckboxBackgroundColour; // outline: $connectionCheckboxColour solid 1px;
        border: 1px solid $connectionCheckboxColour;
      }
      .pt-control-indicator:hover {
        background-color: $connectionCheckboxBackgroundColourHover;
      }
    }
  }

  .table-field-100 {
    width: 100% !important;
  }

  .table-field-90 {
    width: 90% !important;
  }

  .table-field-80 {
    width: 80% !important;
  }

  .table-field-15 {
    width: 15% !important;
  }

  .right-button {
    float: right;
    margin: 10px;
  }

  .transparent-btn {
    background-color: transparent;
    box-shadow: none;
    border: none;
  }

  .left {
    float: left;
  }

  .right {
    float: right;
  }

  .tooltip-btn {
    z-index: 9999;
  }

  .pt-tooltip-indicator-form {
    border-bottom: none !important;
    vertical-align: middle !important;
  }

  .pt-form-content-reverse {
    display: flex;
    width: 100%;
    /*flex-direction: row-reverse;*/
  }
  .Select-control {
    height: 30px;
    border: none;
    background: #bfbec0 !important;
    color: $connectionActiveTextFieldTextColour !important;
    border-radius: 0.4em;
  }
  .Select-clear-zone {
    display: none;
  }
  .is-open > .Select-control {
    background-color: $connectionActiveTextFieldBackgroundColour !important;
    box-shadow: none !important;
  }
  .Select-menu-outer {
    z-index: 999 !important;
    position: absolute;
    max-height: 130px;
    .Select-menu {
      max-height: 130px;
    }
  }
  .Select-placeholder,
  .Select--single > .Select-control .Select-value {
    line-height: 30px;
  }
  .Select-input {
    height: 30px;
    border-radius: 0px;
  }
  .circleButton {
    background: none;
    background-color: $fieldGroupPrimaryBackground !important;
  }
  .circleButton:hover {
    background: none;
    background-color: $fieldGroupPrimaryBackground !important;
  }
}

{'fraction_non_alphanumeric': 0.12296774876873379, 'fraction_numerical': 0.02404278981094106, 'mean_word_length': 2.2508176966775695, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 17, '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': '3420289', 'n_tokens_mistral': 6555, 'n_tokens_neox': 6102, 'n_words': 1268}