优化组织架构太多时的展示优化

2020/x-3/address-dept-staff-list.html

@@ -39,12 +39,22 @@
      </div>
    </div>
    <div class="ipu-flex-middle organization-nav ipu-fn-bd-b">
      <div class="nav-item">通讯录</div>
      <div class="ri-arrow-right-s-line nav-split"></div>
      <div class="nav-item">组织架构</div>
      <div class="ri-arrow-right-s-line nav-split"></div>
      <div class="nav-item">PRD</div>
    <div class="organization-nav-wrap">
      <div class="ipu-flex-middle organization-nav ipu-fn-bd-b">
        <div class="nav-item">通讯录</div>
        <div class="ri-arrow-right-s-line nav-split"></div>
        <div class="nav-item">组织架构</div>
        <div class="ri-arrow-right-s-line nav-split"></div>
        <div class="nav-item">通讯录</div>
        <div class="ri-arrow-right-s-line nav-split"></div>
        <div class="nav-item">组织架构</div>
        <div class="ri-arrow-right-s-line nav-split"></div>
        <div class="nav-item">通讯录</div>
        <div class="ri-arrow-right-s-line nav-split"></div>
        <div class="nav-item">组织架构</div>
        <div class="ri-arrow-right-s-line nav-split"></div>
        <div class="nav-item">PRD</div>
      </div>
    </div>
  </div>

2020/x-3/biz/css/base-ghh.css

@@ -4649,21 +4649,33 @@ body.date-picked .list-item-pickered {
}
.organization-nav {
  padding: .05rem .2rem 0;
  font-size: .14rem;
  line-height: 1;
  color: #A0AEC0;
  -webkit-flex-wrap:nowrap;
  flex-wrap: nowrap;
}
.organization-nav .nav-split {
  padding-left: .03rem;
  font-size: .2rem;
  font-size: .2rem
}
.organization-nav .nav-split,
.organization-nav .nav-item {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.organization-nav .nav-item:not(:last-child) {
  color: #0B69FF;
}
.organization-nav-wrap {
  margin: .05rem .2rem 0;
  overflow: auto;
}
.organization-list .contcat-img-text {
  background-color: #0F76FD;
}