<commit_before>@import '../bootstrap'
@import '../theme'

/* Themes */

v-picker-title($material)
  background: $material.picker.title

theme(v-picker-title, "v-picker__title")

v-picker-body($material)
  background: $material.picker.body

theme(v-picker-body, 'v-picker__body')

.v-picker
  border-radius: $card-border-radius
  contain: layout style
  display: inline-flex
  flex-direction: column
  vertical-align: top

.v-picker--full-width
  display: flex

.v-picker__title
  color: #fff
  border-top-left-radius: $card-border-radius
  border-top-right-radius: $card-border-radius
  padding: 16px

.v-picker__title__btn
  transition: $primary-transition

  &.active
    opacity: 1

  &:not(.active)
    opacity: .6
    cursor: pointer

    &:hover
      opacity: 1

.v-picker__body
  height: auto
  overflow: hidden
  position: relative

  flex: 1 0 auto
  display: flex
  flex-direction: column
  align-items: center

  > div
    width: 100%

    &.fade-transition-leave-active
      position: absolute

.v-picker--landscape
  .v-picker__title
    border-top-right-radius: 0
    border-bottom-right-radius: 0
    width: 170px
    position: absolute
    top: 0
    left: 0
    height: 100%
    z-index: 1

  .v-picker__body,
  .v-picker__actions
    margin-left: 170px
<commit_msg>fix(VPicker): added picker body z-index<commit_after>@import '../bootstrap'
@import '../theme'

/* Themes */

v-picker-title($material)
  background: $material.picker.title

theme(v-picker-title, "v-picker__title")

v-picker-body($material)
  background: $material.picker.body

theme(v-picker-body, 'v-picker__body')

.v-picker
  border-radius: $card-border-radius
  contain: layout style
  display: inline-flex
  flex-direction: column
  vertical-align: top

.v-picker--full-width
  display: flex

.v-picker__title
  color: #fff
  border-top-left-radius: $card-border-radius
  border-top-right-radius: $card-border-radius
  padding: 16px

.v-picker__title__btn
  transition: $primary-transition

  &.active
    opacity: 1

  &:not(.active)
    opacity: .6
    cursor: pointer

    &:hover
      opacity: 1

.v-picker__body
  height: auto
  overflow: hidden
  position: relative
  z-index: 0

  flex: 1 0 auto
  display: flex
  flex-direction: column
  align-items: center

  > div
    width: 100%

    &.fade-transition-leave-active
      position: absolute

.v-picker--landscape
  .v-picker__title
    border-top-right-radius: 0
    border-bottom-right-radius: 0
    width: 170px
    position: absolute
    top: 0
    left: 0
    height: 100%
    z-index: 1

  .v-picker__body,
  .v-picker__actions
    margin-left: 170px

{'fraction_non_alphanumeric': 0.12495208892295899, 'fraction_numerical': 0.018781142200076657, 'mean_word_length': 2.984732824427481, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '7040942', 'n_tokens_mistral': 966, 'n_tokens_neox': 904, 'n_words': 202}