@import "../helpers/index";
$toolbar-ios-background: $primary;
$toolbar-ios-title-text-color: $white;

// ios11以后自定义头部导航高度
.toolbar-height-ios {
  @include safe-area('min-height',44px)
}

// ios11以后自定义头部导航距顶部距离
.content-top-ios {
  @include safe-area('top',44px)
}

// ios10以前
.toolbar-height-ios-10 {
  @include safe-area('min-height',58px)
}

// ios10以前
.content-top-ios-10 {
  @include safe-area('top',58px)
}

// webview内禁止滚动
.webview > .scroll-content{
  // @extend .scroll-hidden;
}

// 页面全局底色
ion-app.ios{
  background-color: $white !important;
}

// == 头部
.header-ios{
  .toolbar-ios{
    padding:4px 11px;
    &:last-child .toolbar-background-ios{
      border-width:0 !important;
    }
  }

  .back-button-text{
    display: none;
  }
}

// 头部面板
.top-bar {
  width: 100%;
  background-color: $primary;
}

// 头部白色样式导航条
.header-white, .toolbar-white{
  .toolbar-background-ios{
    background-color: $white !important;
  }

  .toolbar-title-ios{
    color: $dark !important;
  }

  .bar-button-default-ios,
  .bar-button-default.bar-button-ios-default,
  .bar-button-clear-ios-default{
    color: $dark !important;
  }
}

// == 底部
.footer-ios .toolbar-background-ios{
  background: $background-color;
}

.toolbar-footer{
  position: absolute;
  bottom:0px;
  left:0px;
  width:100%;
}

.toolbar-title .select-text{
  text-overflow:clip;
  overflow:visible;
}

.toolbar-title .item-cover{
  left:80px;
}

// 去除底部细线
.footer-ios .toolbar-ios:first-child .toolbar-background-ios{
  border-width:0 !important;
}