wanglian/workbase-server

View on GitHub
client/main.css

Summary

Maintainability
Test Coverage
/* 长文本处理,超长时不换行并添加省略号 */
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* customize bootstrap */
blockquote {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 3px 10px;
  border-left: 4px solid #ddd;
}
.navbar-text {
  margin-left: 10px;
  margin-right: 10px;
}

/* fontawesome */
.fa-1-2x {
  font-size: 1.2em;
  padding-top: 2px;
  color: #666;
}
.fa-rotate-45 {
  -moz-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474,M12=-0.7071067811865477,M21=0.7071067811865477,M22=0.7071067811865474,SizingMethod='auto expand');
}

/* customize fancybox */
.fancybox-slide--iframe .fancybox-content {
  max-height : 100%;
  margin: 0;
}

.modal.full-screen .modal-dialog {
  margin: 0 auto;
  max-width: 100%;
  height: 100%;
}
.modal.full-screen .modal-dialog .modal-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.modal.full-screen .modal-header,
.modal.full-screen .modal-body,
.modal.full-screen .modal-footer {
  position: absolute;
  left: 0;
  width: 100%;
}
.modal.full-screen .modal-header {
  top: 0;
}
.modal.full-screen .modal-body {
  top: 56px;
  bottom: 65px;
}
.modal.full-screen.no-footer .modal-body {
  bottom: 0;
}
.modal.full-screen .modal-footer {
  bottom: 0;
}
.close {
  font-size: 26px;
}

/* swal */
.swal2-popup .swal2-input {
  font-weight: 500;
}

/* search */
.modal.full-screen.search .modal-body {
  top: 65px;
  bottom: 0;
}

.scroll-box {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 991px) {
  body,
  body blockquote,
  body .page-header,
  body .dropdown-menu,
  body .flat-panel .flat-panel-heading .flat-panel-title {
    font-size: 16px;
  }
  /* 消除字体放大到16px的影响 */
  body .main-header .sidebar-toggle {
    padding: 15px 15px 13px;
  }
  body .navbar-text {
    margin-bottom: 13px;
  }
  body small,
  body ul.files,
  body ul.list-group.threads .list-group-item.thread .thread-message,
  body .members-list .members-item .members-info {
    font-size: 14px;
  }
  body .navbar-collapse.pull-left+.navbar-custom-menu {
    right: 0px;
  }
  body .navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 190px;
  }
  body .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p,
  body #inbox-header .thread-subject,
  body .thread-details .box-header>.box-title {
    font-size: 18px;
  }
  body ul.list-group.threads .list-group-item.thread {
    padding: 10px;
  }
  body #inbox-header {
    height: 62px;
    padding: 8px 10px;
  }
}
/* mocha app-test ui */
div#mocha {
  background: white;
  border-right: 2px solid black;
  height: 100%;
  left: 0;
  margin: 0;
  overflow: auto;
  padding: 1rem;
  position: fixed;
  resize: horizontal;
  top: 0;
  width: 20px;
  z-index: 10000;
}