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

[WIP] refactoring start document UX

Browse source
This commit is contained in:
Harvey Kandola 2017-11-22 17:27:09 +00:00
parent aee9345886
commit 18fc5db8c6
13 changed files with 145 additions and 198 deletions
Download patch file Download diff file Expand all files Collapse all files

6
gui/app/styles/bootstrap.scss vendored
View file

@ -45,12 +45,12 @@ $modal-footer-border-color: $color-white;
}
// rounded corners
$border-radius: .125rem;
$border-radius-lg: .15rem;
$border-radius-sm: .1rem;
$border-radius: 0;
$border-radius-lg: 0;
$border-radius-sm: 0;
$border-radius: .125rem;
$border-radius-lg: .15rem;
$border-radius-sm: .1rem;
// dropdown
$dropdown-link-color: $color-off-black;

4
gui/app/styles/view/common.scss
View file

@ -1,3 +1,7 @@
.modal-content {
border: none !important;
}
.empty-state {
text-align: center;
margin: 0 auto;

2
gui/app/styles/view/folder/all.scss
View file

@ -1,3 +1 @@
@import "document.scss";
@import "wizard.scss";
@import "settings.scss";

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

@ -1,24 +0,0 @@
.move-document-options {
height: 200px;
overflow-y: auto;
margin: 0;
padding: 0;
> .option {
vertical-align: bottom;
cursor: pointer;
font-size: 0.9rem;
overflow: hidden;
white-space: nowrap;
> .material-icons {
font-size: 0.9rem;
vertical-align: top;
}
}
> .selected {
color: $color-link;
}
}

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

@ -1,101 +0,0 @@
.new-document-wizard {
@include content-container();
.import-document-button {
width: 100%;
padding: 20px;
margin: 0 0 30px 0;
text-align: center;
color: $color-gray;
cursor: pointer;
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;
color: $color-link;
}
> .dz-preview,
.dz-processing {
display: none !important;
}
}
> .input-control {
> .list-wrapper {
> .template-list {
margin: 0;
padding: 0;
.item {
@include ease-in();
@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 {
@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-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;
}
}
}
}
}
}
}

87
gui/app/styles/view/new-doc.scss Normal file
View file

@ -0,0 +1,87 @@
.new-document-wizard {
> .import-zone {
.import-document-button {
width: 100%;
padding: 20px;
margin: 0 0 30px 0;
text-align: center;
color: $color-gray;
cursor: pointer;
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;
color: $color-link;
}
> .dz-preview,
.dz-processing {
display: none !important;
}
}
}
> .fresh-zone {
> .template-list {
margin: 0;
padding: 0;
.item {
@include ease-in();
@include border-radius(4px);
list-style: none;
cursor: pointer;
display: block;
background-color: $color-blue;
margin: 0 20px 20px 0;
padding: 12px 0 0 20px;
height: 60px;
width: 100%;
position: relative;
&:hover {
border-color: $color-link;
> .template-actions {
display: block;
}
}
> .template-actions {
display: none;
position: absolute;
top: 10px;
right: 8px;
.material-icons {
color: $color-stroke;
font-size: 1rem;
}
}
> .details {
> .title {
font-size: 1rem;
font-weight: normal;
color: $color-white;
letter-spacing: 0.5px;
margin-top: 0;
}
> .desc {
color: $color-white;
font-size: 0.8rem;
margin-top: 5px;
}
}
}
}
}
}

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

@ -1,2 +1,3 @@
@import "spaces.scss";
@import "space.scss";
@import "new-doc.scss";