1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-13 13:50:07 +00:00
This commit is contained in:
Michael An
2019-03-15 17:37:04 +08:00
committed by Daniel Pan
parent d69b1a9c31
commit 5ba079db0b
2 changed files with 30 additions and 15 deletions

View File

@@ -18,15 +18,18 @@
height: 100%;
position: relative;
overflow: auto;
display: flex;
}
.seafile-md-viewer-container.side-panel-on {
width: 70%;
width: calc(100% - 260px);
}
.seafile-md-viewer-slate {
flex: auto;
position: relative;
margin: 20px 40px;
margin-right: 30%;
margin: 20px 320px 20px 5%;
}
.seafile-md-viewer-slate.comment-on {
margin-right: 420px;
}
.seafile-md-viewer-main {
flex: auto;
@@ -35,14 +38,15 @@
width: 70%;
}
.seafile-md-viewer-slate.side-panel-on {
margin-right: 40px;
margin: 20px 5%;
}
/* outline */
.seafile-md-viewer .seafile-editor-outline {
background-color: #fafaf9;
margin: 40px;
margin: 40px auto;
padding: 0 0.75rem 0 1.25rem;
border-left: 0;
width: 20%;
width: 260px;
position: fixed;
top: 68px;
overflow-y: auto;
@@ -77,24 +81,32 @@
.seafile-md-viewer-side-panel {
height: 100%;
overflow: hidden;
width: 30%;
width: 260px;
position: fixed;
right: 0;
top: 87px;
}
.seafile-md-viewer-side-panel .seafile-comment,
.seafile-md-viewer-side-panel .seafile-history-side-panel {
width: 100%;
height: 100%;
}
.seafile-md-viewer-side-panel .seafile-comment .add-comment-input,
.seafile-md-viewer-side-panel .seafile-comment .edit-comment-input {
.seafile-md-viewer .seafile-comment .add-comment-input,
.seafile-md-viewer .seafile-comment .edit-comment-input {
background-color: #fff;
width: 100%;
}
.seafile-md-viewer-side-panel .seafile-history-side-panel {
border-left: 1px solid #e6e6dd;
}
.seafile-md-viewer .seafile-comment {
background-color: #fff;
min-height: 18.5em;
z-index: 3;
width: 380px;
height: 100%;
position: fixed;
right: 0;
}
.seafile-viewer-comment-btn {
position: absolute;
top: 0;
@@ -114,6 +126,7 @@
}
.seafile-md-viewer .seafile-comment-toggle-resolved {
width: 100%;
z-index: 1;
}
@media (max-width:991.8px) {
.seafile-editor-outline {
@@ -123,4 +136,4 @@
width: calc(100% - 80px);
margin: 20px 40px;
}
}
}