1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 06:33:48 +00:00

View mode improve (#2984)

* improve file content layout

* repair review tab padding bug

* combine operation btn

* update code style
This commit is contained in:
杨顺强
2019-02-22 15:35:31 +08:00
committed by Daniel Pan
parent 91fa00944f
commit 3113e5f5d6
7 changed files with 86 additions and 83 deletions

View File

@@ -49,7 +49,7 @@
.tree-node-inner .tree-node-text {
padding-left: 2.8rem;
width: calc(100% - 2.8rem);
width: calc(100% - 1.5rem);
font-size: 15px;
white-space: nowrap;
overflow: hidden;
@@ -86,9 +86,9 @@
.tree-node-inner .right-icon {
position: absolute;
top: 0;
right: 0;
right: 0.5rem;
bottom: 0;
width: 1.5rem;
width: 1rem;
color: #888;
z-index: 2;
font-size: 0.8125rem;
@@ -130,49 +130,37 @@
font-size: 0.9375rem;
}
/* todo optimized */
.cur-view-content {
display: flex;
flex-direction: column;
}
.cur-view-content .wiki-page-container{
margin: -0.625rem -1rem -1.25rem;
padding: 0.625rem 1rem 1.25rem;
/* file layout */
.dir-content-main .wiki-page-container {
padding: 0 1rem 1.25rem;
display: flex;
flex: 1;
overflow: auto;
}
.cur-view-content .wiki-page-content {
/* wiki-page-content */
.wiki-page-content {
flex: 1;
}
.wiki-page-content .ml-2 {
text-decoration: underline;
}
.wiki-page-content .ml-2:hover {
text-decoration: underline;
color:#eb8205;
}
.dir-content-main .wiki-page-content .article {
padding: 0 10px;
}
.dir-content-main .wiki-page-content .ml-2 {
text-decoration: underline;
}
.dir-content-main .wiki-page-content .ml-2:hover {
text-decoration: underline;
color:#eb8205;
}
.wiki-page-content a {
cursor: pointer;
}
.wiki-side-nav .wiki-page-content a {
color: #212529;
cursor: pointer;
}
.wiki-page-ops {
position: fixed;
top: 10px;
position: fixed;
top: 10px;
}
@media (min-width: 768px) {
@@ -205,13 +193,3 @@
font-size:12px;
color: #666;
}
.wiki-md-viewer-rendered-content.article h1 {
margin-top: 0;
}
.index-edit {
position: absolute;
right: 0.25rem;
top: 0.25rem;
}

View File

@@ -31,7 +31,19 @@
border-radius: 2px;
}
.multiple-dirents-operation .operation-item {
.group-operations {
margin-right: 0.5rem;
}
.group-operations .group-op-item {
padding: 0 0.5rem;
height: 30px;
min-width: 46px;
background-color: #fff;
line-height: 29px;
font-weight: normal;
border: 1px solid #ccc;
border-radius: 2px;
font-size: 1.125rem;
}
/* end file-operation toolbar */