<commit_before>@import "./_variables.styl"

#espLeftNav,
#espRightNav
  width: sidebarWidth
  overflow: hidden

  .tab-content
    margin-top 10px
  hr
    border-top 1px solid hrColor
    margin-top 10px
    margin-bottom 10px

sidenavMixin()
  z-index: 1
  position: absolute
  top: 0
  bottom: 0
  background-color: panelBkgColor
  overflow-x: hidden
  & a
    white-space: pre

.sidenav,
.rightSidenav
  transition: left 0.5s ease, right 0.5s ease;

.sidenav
  sidenavMixin()
  left: -(sidebarWidth)

  &.is-opened
    left: 0

.rightSidenav
  sidenavMixin()
  right: -(sidebarWidth)

  &.is-opened
    right: 0

  #right-panel-tabs .tab-content
    padding 0px 15px 0px 15px
    button
      display block
      margin-bottom 5px
  .global
    display inline-flex
    .global-process-info
      display inline-block
      margin-left buttonPadding
      margin-top buttonPadding
      width (buttonPadding * 2 + buttonSize * 2)px
      p
        font-size 14px
        font-weight lighter

    .global-buttons
      display inline-block

// Accordion styles
// overwriting default styles of the component
.panel-default, .panel-heading
  background-color: panelHeaderBkgColor !important
  border: none !important
  border-radius: 0 !important
.panel-heading
  cursor: pointer
  height: panelHeaderHeight
  padding: 0 !important
  .panel-title
    color: panelTitleTextColor
    font-size: panelHeaderFontSize
  a
    padding 5px 0 0 buttonPadding
    text-decoration: none !important
    display: block
    width: 100%
    height: 100%

.panel-properties
  padding: 0 0 0 buttonPadding
  margin-top 5px
  margin-bottom 5px

  label
    display inline-block
    font-weight normal
  espCheckbox(15px)
  input[type='checkbox']
    display inline
    margin-right 3px
  input[type="text"]
    display inline-block
    border none
    background-color modalInputBkgColor
    float: right
    margin-right 10px
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
    -webkit-appearance: none;
    margin: 0;

.panel-body
  padding: 0 0 0 buttonPadding !important
  background-color: panelBkgColor
  border: none !important

.panel
  margin-bottom: 1px !important
  box-shadow: none !important
.panel + .panel
  margin-top: 0 !important

.panel-comment
  font-size 12px
  a
    color: okColor
  a:hover
    color: warningColor
  a:visited
    color: okColor

.sideNodeDetails
  padding: 0 buttonPadding 0 0 !important
  .node-label
    display: block
    font-weight: bold
    margin-bottom: 5px
    text-transform capitalize
  .node-key
    display: inline
    font-style: italic
    text-transform capitalize
  .node-value
    display: inline
    word-wrap: break-word
  button
    margin-top 10px

.dropZone
  cursor: pointer
  height: 33
  //TODO: can it be done automatically?
  padding-top 6
  margin-bottom 5
  div
    text-align center

.thumbVertical
  background-color scrollbarColor

.floating
  position: fixed
  top: menuBarHeight
  transition left 0.5s ease, right 0.5s ease
  z-index: 100
  padding-top 10px

  &.right
    right: 0

  &.is-opened
    right: sidebarWidth

  &.left
    left: 0
    &.is-opened
      left: sidebarWidth

.process-name
  @extend .floating
  font-family 'Open Sans'
  font-size 16px
  font-weight 600
  color #3A3A3A
  padding-left 25px

.zoom-in-out
  @extend .floating
  padding-right 25px
  display inline-flex

.zoom
    cursor: pointer
<commit_msg>minor adjustment in zoominout icons positioning<commit_after>@import "./_variables.styl"

#espLeftNav,
#espRightNav
  width: sidebarWidth
  overflow: hidden

  .tab-content
    margin-top 10px
  hr
    border-top 1px solid hrColor
    margin-top 10px
    margin-bottom 10px

sidenavMixin()
  z-index: 1
  position: absolute
  top: 0
  bottom: 0
  background-color: panelBkgColor
  overflow-x: hidden
  & a
    white-space: pre

.sidenav,
.rightSidenav
  transition: left 0.5s ease, right 0.5s ease;

.sidenav
  sidenavMixin()
  left: -(sidebarWidth)

  &.is-opened
    left: 0

.rightSidenav
  sidenavMixin()
  right: -(sidebarWidth)

  &.is-opened
    right: 0

  #right-panel-tabs .tab-content
    padding 0px 15px 0px 15px
    button
      display block
      margin-bottom 5px
  .global
    display inline-flex
    .global-process-info
      display inline-block
      margin-left buttonPadding
      margin-top buttonPadding
      width (buttonPadding * 2 + buttonSize * 2)px
      p
        font-size 14px
        font-weight lighter

    .global-buttons
      display inline-block

// Accordion styles
// overwriting default styles of the component
.panel-default, .panel-heading
  background-color: panelHeaderBkgColor !important
  border: none !important
  border-radius: 0 !important
.panel-heading
  cursor: pointer
  height: panelHeaderHeight
  padding: 0 !important
  .panel-title
    color: panelTitleTextColor
    font-size: panelHeaderFontSize
  a
    padding 5px 0 0 buttonPadding
    text-decoration: none !important
    display: block
    width: 100%
    height: 100%

.panel-properties
  padding: 0 0 0 buttonPadding
  margin-top 5px
  margin-bottom 5px

  label
    display inline-block
    font-weight normal
  espCheckbox(15px)
  input[type='checkbox']
    display inline
    margin-right 3px
  input[type="text"]
    display inline-block
    border none
    background-color modalInputBkgColor
    float: right
    margin-right 10px
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
    -webkit-appearance: none;
    margin: 0;

.panel-body
  padding: 0 0 0 buttonPadding !important
  background-color: panelBkgColor
  border: none !important

.panel
  margin-bottom: 1px !important
  box-shadow: none !important
.panel + .panel
  margin-top: 0 !important

.panel-comment
  font-size 12px
  a
    color: okColor
  a:hover
    color: warningColor
  a:visited
    color: okColor

.sideNodeDetails
  padding: 0 buttonPadding 0 0 !important
  .node-label
    display: block
    font-weight: bold
    margin-bottom: 5px
    text-transform capitalize
  .node-key
    display: inline
    font-style: italic
    text-transform capitalize
  .node-value
    display: inline
    word-wrap: break-word
  button
    margin-top 10px

.dropZone
  cursor: pointer
  height: 33
  //TODO: can it be done automatically?
  padding-top 6
  margin-bottom 5
  div
    text-align center

.thumbVertical
  background-color scrollbarColor

.floating
  position: fixed
  top: menuBarHeight
  transition left 0.5s ease, right 0.5s ease
  z-index: 100
  padding-top 10px

  &.right
    right: 0

  &.is-opened
    right: sidebarWidth

  &.left
    left: 0
    &.is-opened
      left: sidebarWidth

.process-name
  @extend .floating
  font-family 'Open Sans'
  font-size 16px
  font-weight 600
  color #3A3A3A
  padding-left 15px

.zoom-in-out
  @extend .floating
  padding-right 10px
  padding-top 8px
  display inline-flex

.zoom
    cursor: pointer
    margin-left 2px

{'fraction_non_alphanumeric': 0.08115107913669065, 'fraction_numerical': 0.025899280575539568, 'mean_word_length': 2.7942139737991267, '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': '2632182', 'n_tokens_mistral': 2490, 'n_tokens_neox': 2271, 'n_words': 647}