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

category permission admin, re-vamped view layout

Browse source
This commit is contained in:
Harvey Kandola 2017-09-21 15:48:00 +01:00
parent 0c152c219f
commit 3f31d6d15e
48 changed files with 753 additions and 373 deletions
Download patch file Download diff file Expand all files Collapse all files

3
gui/app/styles/print.scss
View file

@ -48,13 +48,12 @@
#sidebar-wrapper,
.sidebar-wrapper,
.sidebar-common,
.sidebar-toolbar,
.sidebar-panel,
.edit-document-heading,
.back-to-space,
.start-section,
.start-button,
.is-a-tab,
.is-a-tab,
.new-section-wizard {
float: none !important;
display: none !important;

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

@ -15,7 +15,8 @@
}
.back-to-space {
margin: 10px 0;
margin: 0 0 10px 0;
display: inline-block;
> a {
> .regular-button {

0
gui/app/styles/view/document/sidebar-view-activity.scss → gui/app/styles/view/document/activity.scss
View file

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

@ -2,8 +2,8 @@
@import "history.scss";
@import "inline-editor.scss";
@import "section-editor.scss";
@import "sidebar-view-activity.scss";
@import "sidebar-view-attachments.scss";
@import "sidebar-view-index.scss";
@import "activity.scss";
@import "attachments.scss";
@import "toc.scss";
@import "view.scss";
@import "wysiwyg.scss";

27
gui/app/styles/view/document/sidebar-view-attachments.scss → gui/app/styles/view/document/attachments.scss
View file

@ -1,31 +1,17 @@
.document-sidebar-view-attachments {
.document-attachments {
margin: 0;
> .upload-document-files {
width: 100%;
padding: 20px;
margin-bottom: 20px;
text-align: center;
color: $color-gray;
border: 1px solid $color-stroke;
cursor: pointer;
font-size: 0.9rem;
line-height: 1.7rem;
margin: 10px 0 0 0;
@include ease-in();
&:hover {
border-color: $color-link;
color: $color-link;
}
> .dz-preview,
.dz-processing {
> .dz-preview, .dz-processing {
display: none !important;
}
}
> .list {
margin: 0 0 50px;
margin: 20px 0 0 0;
padding: 7px 0;
> .item {
@ -45,7 +31,7 @@
> a {
@extend .truncate;
width: 200px;
width: 80%;
color: $color-gray;
&:hover {
@ -56,7 +42,8 @@
@extend .truncate;
display: inline-block;
font-size: 0.9rem;
width: 200px;
width: 80%;
vertical-align: text-top;
}
}

0
gui/app/styles/view/document/sidebar-view-index.scss → gui/app/styles/view/document/toc.scss
View file

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

@ -8,7 +8,7 @@
.doc-excerpt {
font-size: 1rem;
color: $color-gray;
margin: 0 0 45px;
margin: 0 0 60px;
}
.edit-document-heading {
@ -341,3 +341,25 @@
.dropdown-page-toolbar {
width: 300px;
}
.document-toolbar {
> .round-button-mono {
background-color: $color-white;
border: 1px solid $color-gray;
> .material-icons {
@include ease-in();
color: $color-gray;
}
}
}
.document-template-header {
color: $color-goldy;
font-size: 1.5em;
margin-bottom: 20px;
}
.document-tags {
margin-top: 15px;
}

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

@ -43,15 +43,26 @@
> .row {
margin: 15px 0;
padding: 8px 10px;
padding: 15px;
background-color: $color-off-white;
@include border-radius(2px);
> .category {
font-size: 1.2rem;
vertical-align: bottom;
display: inline-block;
margin-top: 8px;
> .name {
font-size: 1.2rem;
}
> .info {
font-size: 0.9rem;
margin-top: 8px;
color: $color-gray;
}
}
> .buttons {
margin-top: 5px;
}
> .action {
@ -63,7 +74,7 @@
display: inline-block;
> input {
margin: 0;
margin: 0 0 8px 0;
padding: 0;
font-size: 1.2rem;
}
@ -72,3 +83,6 @@
}
}
.category-access-dialog {
display: none;
}

58
gui/app/styles/view/layout-sidebar.scss
View file

@ -58,48 +58,6 @@ $sidebar-width: 400px;
#sidebar-wrapper {
width: $sidebar-width;
}
// #page-content-wrapper {
// padding: 30px;
// position: relative;
// }
}
.sidebar-toolbar {
display: inline-block;
width: 60px;
background-color: $color-primary;
text-align: center;
position: fixed;
left: 0;
top: 0;
height: 100%;
padding: 40px 0 0 0;
> .selected {
background-color: $color-link !important;
border: 1px solid $color-link !important;
> .material-icons {
color: $color-white !important;
}
}
> .round-button-mono {
background-color: $color-off-white;
border: 1px solid $color-off-white;
> .material-icons {
@include ease-in();
color: $color-gray;
}
&:hover {
> .material-icons {
color: $color-link;
}
}
}
}
.sidebar-common {
@ -108,20 +66,6 @@ $sidebar-width: 400px;
padding: 40px 20px 0px 20px;
margin-left: 20px;
> .pinner {
cursor: pointer;
> .material-icons {
color: $color-primary;
}
}
> .template-header {
color: $color-goldy;
font-size: 1.5em;
margin-bottom: 20px;
}
.zone-sidebar-page-title {
color: $color-primary;
font-size: 1.3rem;
@ -150,7 +94,7 @@ $sidebar-width: 400px;
margin-bottom: 30px;
}
.folder-sidebar-form-wrapper, .document-sidebar-form-wrapper {
.document-sidebar-form-wrapper {
padding: 20px;
border: 1px solid $color-stroke;
@include border-radius(3px);

41
gui/app/styles/widget/widget-list-picker.scss Normal file
View file

@ -0,0 +1,41 @@
.widget-list-picker {
margin: 10px 0;
> .options {
width: 300px;
max-height: 400px;
overflow: auto;
> .option {
margin: 0 0 5px 0;
padding: 10px 15px;
color: $color-gray;
background-color: $color-off-white;
cursor: pointer;
position: relative;
&:hover {
color: $color-white;
background-color: $color-gray;
}
> .text {
width: 220px;
overflow: hidden;
font-weight: bold;
}
> .material-icons {
position: absolute;
top: 10px;
right: 10px;
color: $color-white;
}
}
> .selected {
color: $color-white !important;
background-color: $color-link !important;
}
}
}

11
gui/app/styles/widget/widget.scss
View file

@ -64,15 +64,16 @@
@import "widget-avatar";
@import "widget-button";
@import "widget-card";
@import "widget-checkbox";
@import "widget-chip";
@import "widget-dropdown";
@import "widget-input";
@import "widget-list-picker";
@import "widget-notification";
@import "widget-radio";
@import "widget-selection";
@import "widget-sidebar-menu";
@import "widget-symbol";
@import "widget-tab";
@import "widget-table";
@import "widget-tooltip";
@import "widget-checkbox";
@import "widget-radio";
@import "widget-tab";
@import "widget-selection";
@import "widget-symbol";