Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 08:09:43 +02:00
Code Releases Activity

WIP content linker UX

Browse source
This commit is contained in:
Harvey Kandola 2017-12-07 19:43:46 +00:00
parent 531e9c88d7
commit db1b3aef8c
11 changed files with 338 additions and 325 deletions
Download patch file Download diff file Expand all files Collapse all files

3
gui/app/styles/view/document/all.scss
View file

@ -1,7 +1,4 @@
@import "content-linker.scss";
@import "history.scss";
@import "inline-editor.scss";
@import "section-editor.scss";
@import "activity.scss";
@import "attachments.scss";
@import "toc.scss";

29
gui/app/styles/view/document/content-linker.scss
View file

@ -1,29 +0,0 @@
.content-counter-dialog {
width: 200px;
height: 200px;
}
.content-linker-dialog {
width: 350px;
height: 450px;
overflow-y: auto;
.link-list {
margin: 0;
padding: 0;
.link-item {
margin: 0;
padding: 0;
font-size: 0.9rem;
color: $color-gray;
cursor: pointer;
.icon {
margin-right: 5px;
height: 15px;
width: 15px;
}
}
}
}

1
gui/app/styles/view/document/document.scss
View file

@ -1,3 +1,4 @@
@import "doc-meta.scss";
@import "doc-structure.scss";
@import "section-editor.scss";
@import "wysiwyg.scss";

41
gui/app/styles/view/document/inline-editor.scss
View file

@ -1,41 +0,0 @@
.document-editor {
position: relative;
> .toolbar {
width: 100%;
padding: 0;
> .edit-title {
width: 70%;
> input {
font-weight: bold;
font-size: 1.5rem;
margin: 16px 0 10px 0;
color: $color-wysiwyg;
}
}
> .buttons {
margin-top: 17px;
}
}
> .canvas {
padding: 0;
}
.cancel-edits-dialog {
display: none;
}
}
.document-editor-full {
@extend .transition-all;
@include border-radius(2px);
@include ease-in();
position: relative;
padding: 25px 50px;
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
background-color: $color-white;
}

51
gui/app/styles/view/document/section-editor.scss
View file

@ -1,3 +1,50 @@
.section-editor {
> .edit-title {
margin: 16px 0;
}
> .canvas {
margin: 34px 0 0 0;
}
}
.content-linker-modal-container {
height: 500px;
overflow-y: auto;
.link-list {
margin: 0;
padding: 0;
.link-item {
margin: 0;
padding: 0;
font-size: 0.9rem;
color: $color-gray;
cursor: pointer;
.icon {
margin-right: 5px;
height: 15px;
width: 15px;
}
}
}
}
.section-editor-fullscreen {
@extend .transition-all;
@include border-radius(2px);
@include ease-in();
position: relative;
padding: 25px 50px;
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
background-color: $color-white;
}
.zone-section-editor {
margin-left: 60px;
padding: 20px 60px;
@ -18,10 +65,6 @@
float: right;
}
> .canvas {
padding: 0;
}
.cancel-edits-dialog {
display: none;
}

12
gui/app/styles/widget/widget-tabnav.scss
View file

@ -1,6 +1,7 @@
.tabnav-control {
padding: 0;
margin: 0;
padding: 0 !important;
margin: 0 !important;
font-size: 0;
> .tab {
@include ease-in();
@ -9,12 +10,15 @@
padding: 5px 15px;
background-color: $color-white;
color: $color-primary;
border: 1px solid $color-border;
font-weight: bold;
font-size: 1.1rem;
text-align: center;
cursor: pointer;
border: 1px solid $color-border;
margin: -1px 0 0 -5px; // handles border overlap when tabs wrap onto 2nd line
line-height: 26px;
list-style-type: none;
// margin: -1px 0 0 -5px; // handles border overlap when tabs wrap onto 2nd line
margin-left: -4px; // remove whitespace inline block
&:first-of-type {
@include border-radius-left(3px);