client/main.css
/* 长文本处理,超长时不换行并添加省略号 */
.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;
}