Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00
Code Releases Activity

WIP section editors UX

Browse source
This commit is contained in:
Harvey Kandola 2017-12-08 17:24:39 +00:00
parent 35947ffbfc
commit 57b3801f87
21 changed files with 210 additions and 308 deletions
Download patch file Download diff file Expand all files Collapse all files

15
gui/app/styles/section/trello.scss
View file

@ -23,14 +23,15 @@
font-weight: bold;
color: #4c4c4c;
font-size: 14px;
margin: 5px;
display: inline-block;
vertical-align: text-top;
}
.section-trello-list-checkbox {
vertical-align: text-bottom;
vertical-align: text-top;
margin-right: 10px;
}
.section-trello-render {
> .trello-board {
width: 100%;
@ -44,7 +45,7 @@
font-weight: bold;
color: #fff;
font-size: 16px;
}
}
}
> .trello-list {
@ -65,7 +66,7 @@
font-size: 14px;
margin: 0 10px 10px 0;
}
> a {
> .trello-card {
color: #4c4c4c;
@ -82,8 +83,8 @@
white-space: normal;
cursor: pointer;
vertical-align: top;
}
}
}
}
}
}
}

2
gui/app/styles/view/document/doc-structure.scss
View file

@ -7,7 +7,7 @@
> .page-number {
color: $color-dark;
background-color: $color-gray-light2;
padding: 0.4rem 1rem;
padding: 0.2rem 1rem;
font-size: 1.8rem;
margin: 0 1.5rem 0 0;
font-weight: normal;

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

@ -4,7 +4,9 @@
}
> .canvas {
margin: 34px 0 0 0;
// margin: 34px 0 0 0;
padding: 30px 20px;
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
}
}
@ -19,41 +21,7 @@
}
}
.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;
.block-editor {
margin-top: 3rem;
}
.zone-section-editor {
margin-left: 60px;
padding: 20px 60px;
z-index: 777;
position: relative;
.section-editor {
@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;
> .buttons {
margin-top: 17px;
float: right;
}
.cancel-edits-dialog {
display: none;
}
}
}