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] moved start-document functionality, reworked folder view

Browse source 
WIP -- import files still BROKEN
This commit is contained in:
Harvey Kandola 2017-09-25 19:14:33 +01:00
parent 8f80673cde
commit a0a1dd396a
20 changed files with 2820 additions and 2039 deletions
Download patch file Download diff file Expand all files Collapse all files

9
gui/app/styles/color.scss
View file

@ -37,16 +37,15 @@ $color-link: #0092d3;
$color-border: #f3f5f8;
$color-checkbox: #0092d3;
$color-card-active: #f7fcff;
$color-nav-button: #f2faff;
$color-nav-button-text: #2667af;
$color-nav-button-border: #dff0f9;
$color-sidebar: #f2faff;
$color-sidebar-border: #dff0f9;
$color-sidebar-text: $color-off-black;
$color-sidebar-link: $color-link;
$color-selected-item: $color-sidebar;
$color-nav-button: $color-sidebar;
$color-nav-button-text: #2667af;
$color-nav-button-border: #dff0f9;
// Color utility classes for direct usage in HTML
.color-white {

21
gui/app/styles/view/folder/document.scss
View file

@ -22,9 +22,11 @@
}
.documents-list {
@include content-container();
.document-item {
@include content-container();
margin: 0;
padding: 25px 15px;
position: relative;
transition: 0.3s;
@ -48,7 +50,7 @@
position: absolute;
display: none;
top: 10px;
right: 20px;
right: 10px;
cursor: pointer;
> .material-icons {
@ -82,18 +84,8 @@
}
}
.wizard-item {
margin: 0;
padding: 0;
}
.no-wizard-item {
margin: 50px 0;
padding: 0;
}
.selected-card {
background-color: $color-card-active !important;
background-color: $color-selected-item !important;
> .checkbox {
display: block;
@ -101,8 +93,7 @@
}
}
.move-document-options,
.start-document-options {
.move-document-options {
height: 200px;
overflow-y: auto;
margin: 0;

183
gui/app/styles/view/folder/wizard.scss
View file

@ -1,66 +1,5 @@
.start-document {
@extend .no-select;
height: 60px;
background-color: transparent;
position: relative;
cursor: pointer;
> .start-button {
display: none;
text-align: center;
padding-top: 20px;
color: $color-green;
font-size: 1rem;
position: relative;
> .round-button {
opacity: 0.6 !important;
}
> .label {
display: inline-block;
margin-left: 10px;
}
> .line {
display: inline-block;
height: 1px;
border: 1px solid $color-green;
width: 100px;
margin: 0 20px 0 20px;
opacity: 0.2;
}
}
&:first-of-type {
height: 30px;
> .start-button {
padding-top: 0;
}
}
}
.start-document-empty-state {
> .start-button {
display: block;
}
}
.new-document-wizard {
@include border-radius(2px);
margin: 0 0 30px 0;
padding: 30px;
border: 1px solid $color-stroke;
background-color: $color-off-white;
display: none;
.document-name {
font-weight: bold;
font-size: 1.5rem;
margin: 0 0 30px 0;
color: $color-black;
}
@include content-container();
.import-document-button {
width: 100%;
@ -68,11 +7,13 @@
margin: 0 0 30px 0;
text-align: center;
color: $color-gray;
border: 1px solid $color-stroke;
cursor: pointer;
font-size: 1rem;
font-size: 1.2rem;
line-height: 1.7rem;
@include ease-in();
@extend .no-select;
border: 1px solid $color-stroke;
background-color: $color-off-white;
&:hover {
border-color: $color-link;
@ -85,74 +26,72 @@
}
}
> .list-wrapper {
// height: 440px;
// overflow-y: auto;
> .input-control {
> .list-wrapper {
> .template-list {
margin: 0;
padding: 0;
> .template-list {
margin: 0;
padding: 0;
> .item {
@include ease-in();
@include border-radius(4px);
list-style: none;
cursor: pointer;
display: inline-block;
border: 1px solid $color-stroke;
background-color: $color-white;
margin: 0 20px 20px 0;
padding: 12px 0 0 20px;
width: 423px;
height: 60px;
position: relative;
&:hover {
.item {
@include ease-in();
border-color: $color-link;
@include border-radius(4px);
list-style: none;
cursor: pointer;
display: inline-block;
background-color: $color-blue;
margin: 0 20px 20px 0;
padding: 12px 0 0 20px;
width: 423px;
height: 60px;
position: relative;
&:hover {
@include ease-in();
border-color: $color-link;
> .template-actions {
display: block;
}
}
> .template-actions {
display: block;
@include ease-in();
display: none;
position: absolute;
top: 10px;
right: 8px;
.material-icons {
color: $color-stroke;
font-size: 1rem;
}
}
}
> .template-actions {
@include ease-in();
display: none;
position: absolute;
top: 10px;
right: 8px;
.material-icons {
color: $color-stroke;
font-size: 1rem;
}
}
> .details {
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
> .title {
font-size: 1rem;
font-weight: normal;
color: $color-off-black;
letter-spacing: 0.5px;
margin-top: 0;
> .details {
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
> .desc {
color: $color-gray;
font-size: 0.8rem;
margin-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
> .title {
font-size: 1rem;
font-weight: normal;
color: $color-white;
letter-spacing: 0.5px;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
> .desc {
color: $color-white;
font-size: 0.8rem;
margin-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}

4
gui/app/styles/widget/widget-card.scss
View file

@ -6,8 +6,8 @@
&:hover {
@extend .z-depth-half;
background-color: $color-card-active;
border-color: $color-card-active;
background-color: $color-selected-item;
border-color: $color-selected-item;
transition: 0.2s all ease;
}
}

2
gui/app/styles/widget/widget-selection.scss
View file

@ -21,7 +21,7 @@
}
> .selected {
background-color: $color-card-active !important;
background-color: $color-selected-item !important;
color: $color-primary !important;
> i.material-icons {