mirror of
https://github.com/documize/community.git
synced 2025-08-05 13:35:25 +02:00
[WIP] theme selector
This commit is contained in:
Harvey Kandola
parent
a7e52809dc
commit
11e164496b
74 changed files with 363 additions and 38 deletions
42
gui/app/styles/core/view/auth.scss
Normal file
42
gui/app/styles/core/view/auth.scss
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
.auth-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
min-height: 500px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.auth-box {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
max-width: 500px;
|
||||
padding: 20px 50px;
|
||||
background-color: $color-white;
|
||||
color: $color-off-black;
|
||||
@include border-radius(3px);
|
||||
@include shadow();
|
||||
|
||||
.logo {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
|
||||
> img {
|
||||
height: 60px;
|
||||
margin: 30px 0 0 0;
|
||||
}
|
||||
|
||||
> .url {
|
||||
margin: 20px 0;
|
||||
color: $color-gray;
|
||||
font-weight: 0.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sso-box {
|
||||
text-align: center;
|
||||
margin-top: 150px;
|
||||
font-size: 3rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
34
gui/app/styles/core/view/common.scss
Normal file
34
gui/app/styles/core/view/common.scss
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
.modal-content {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
max-width: 500px;
|
||||
padding: 30px;
|
||||
@include border-radius(5px);
|
||||
background-color: $color-off-white;
|
||||
display: block;
|
||||
opacity: 0.8;
|
||||
|
||||
> p {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2.5rem;
|
||||
color: $color-gray;
|
||||
display: block;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
font-size: 5rem;
|
||||
color: $color-stroke;
|
||||
}
|
||||
}
|
||||
|
||||
.not-found {
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
color: $color-gray;
|
||||
margin: 5rem 0;
|
||||
}
|
||||
232
gui/app/styles/core/view/customize.scss
Normal file
232
gui/app/styles/core/view/customize.scss
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
.view-customize {
|
||||
> .admin-heading {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
> .sub-heading {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
.user-table {
|
||||
tbody tr td, thead tr th {
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-link;
|
||||
margin: 0 0 0 10px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
|
||||
> .email {
|
||||
font-size: 0.9rem;
|
||||
color: $color-off-black;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.groups {
|
||||
cursor: pointer;
|
||||
margin: 5px 0 0 10px;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
.inactive-user
|
||||
{
|
||||
@extend .color-red;
|
||||
font-weight: normal;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.admin-user
|
||||
{
|
||||
@extend .color-primary;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
color: $color-checkbox;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
> .space-list {
|
||||
padding: 0;
|
||||
margin: 3rem 0;
|
||||
|
||||
> .space {
|
||||
margin: 15px 0;
|
||||
padding: 15px 0;
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
> .groups-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
> .group {
|
||||
margin: 15px 0;
|
||||
|
||||
.name {
|
||||
color: $color-off-black;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
|
||||
> .purpose {
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// used for group admin
|
||||
> .group-users-members {
|
||||
> .item {
|
||||
margin: 10px 0;
|
||||
|
||||
> .fullname {
|
||||
color: $color-primary;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// used for user admin
|
||||
> .group-membership {
|
||||
> .item {
|
||||
margin: 10px 0;
|
||||
|
||||
> .group-name {
|
||||
color: $color-primary;
|
||||
font-size: 1.2rem;
|
||||
|
||||
> .group-purpose {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .smtp-failure, .admin-setting-failure {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .smtp-success, .admin-setting-success {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
> .archive-admin {
|
||||
> .list {
|
||||
> .item {
|
||||
margin: 15px 0;
|
||||
padding: 15px 0;
|
||||
@include ease-in();
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .max-results {
|
||||
float: right;
|
||||
}
|
||||
|
||||
> .backup-restore {
|
||||
margin: 20px 0;
|
||||
font-size: 1.1rem;
|
||||
|
||||
> .backup-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-green, 60%);
|
||||
color: $color-off-black;
|
||||
|
||||
> .backup-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .backup-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
|
||||
> .restore-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
margin: 50px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
|
||||
> .restore-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .restore-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
> .upload-backup-file {
|
||||
@include ease-in();
|
||||
margin: 50px 0 10px 0;
|
||||
|
||||
> .dz-preview, .dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.restore-upload-busy {
|
||||
text-align: center;
|
||||
|
||||
> img {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
> .wait {
|
||||
color: $color-gray;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
> .ready {
|
||||
color: $color-green;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .deactivation-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-red;
|
||||
margin: 30px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
132
gui/app/styles/core/view/document/add-section.scss
Normal file
132
gui/app/styles/core/view/document/add-section.scss
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
.start-section {
|
||||
@extend .no-select;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-size: 1.3rem;
|
||||
|
||||
> .start-button {
|
||||
text-align: center;
|
||||
margin: 30px 0 20px 0;
|
||||
position: relative;
|
||||
color: $color-gray-light;
|
||||
|
||||
> .cta {
|
||||
@include ease-in();
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.22rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.new-section-wizard {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.new-section-caption {
|
||||
margin: 20px 0 10px 0;
|
||||
color: $color-primary;
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.new-section-empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
.preset-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 12px 0 0 20px;
|
||||
height: 60px;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
}
|
||||
|
||||
.icon {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
margin-right: 10px;
|
||||
|
||||
> .img {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
> .title {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 12px 20px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
@include ease-in();
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
> .details {
|
||||
> .title {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: $color-off-black;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
55
gui/app/styles/core/view/document/copy-move.scss
Normal file
55
gui/app/styles/core/view/document/copy-move.scss
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
.document-copy-move {
|
||||
> .documents-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
> .document {
|
||||
@include ease-in();
|
||||
margin: 0 0 5px 0;
|
||||
padding: 10px 15px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
|
||||
&:hover {
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
> .title {
|
||||
color : $color-off-black;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
> .space {
|
||||
color : $color-gray;
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color : $color-gray;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-link !important;
|
||||
|
||||
> .title, .space, .snippet {
|
||||
color: $color-white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
96
gui/app/styles/core/view/document/doc-meta.scss
Normal file
96
gui/app/styles/core/view/document/doc-meta.scss
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
.view-document {
|
||||
> .document-heading {
|
||||
.doc-title {
|
||||
margin: 50px 0 10px;
|
||||
font-size: 2.2rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.doc-excerpt {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.document-lifecycle-live {
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
border: 2px solid $color-green;
|
||||
padding: 2px 10px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
|
||||
.document-lifecycle-draft {
|
||||
@extend .document-lifecycle-live;
|
||||
border: 2px solid $color-orange;
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-unlocked {
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
|
||||
&:hover {
|
||||
color: $color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-review {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-orange;
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-locked {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-red;
|
||||
|
||||
&:hover {
|
||||
color: $color-red;
|
||||
}
|
||||
}
|
||||
|
||||
.document-category {
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
border-left: 13px solid $color-gray;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.document-tag {
|
||||
display: inline-block;
|
||||
padding: 2px 0;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
color: $color-gray;
|
||||
margin-right: 20px;
|
||||
}
|
||||
69
gui/app/styles/core/view/document/doc-structure.scss
Normal file
69
gui/app/styles/core/view/document/doc-structure.scss
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
.document-tabnav {
|
||||
margin: 20px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.document-structure {
|
||||
margin: 0 0 0 0;
|
||||
|
||||
> .page-header {
|
||||
margin: 0 0 2rem 0;
|
||||
|
||||
> .page-number {
|
||||
color: $color-gray;
|
||||
background-color: $color-gray-light2;
|
||||
padding: 0.2rem 1rem;
|
||||
font-size: 1.8rem;
|
||||
margin: 0 1.5rem 0 0;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> .page-state-pending {
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
> .page-state-review {
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
> .page-title {
|
||||
display: inline;
|
||||
font-size: 2.0rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
> .protection-table {
|
||||
> tbody, > thead {
|
||||
> tr, > th {
|
||||
> td, > th {
|
||||
margin: 0;
|
||||
padding: 10px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
67
gui/app/styles/core/view/document/doc-toc.scss
Normal file
67
gui/app/styles/core/view/document/doc-toc.scss
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
.document-sidebar {
|
||||
> .document-toc {
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
margin: 0;
|
||||
padding: 0 20px 20px 20px;
|
||||
display: block;
|
||||
|
||||
> .header {
|
||||
top: 0;
|
||||
padding-top: 20px;
|
||||
margin: 0;
|
||||
|
||||
> .toc-controls {
|
||||
margin: 0 0 0 0;
|
||||
text-align: center;
|
||||
|
||||
> .disabled {
|
||||
cursor: not-allowed !important;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .index-list {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 0.9rem;
|
||||
overflow-x: hidden;
|
||||
list-style-type: none;
|
||||
margin: 0 0 0 0;
|
||||
|
||||
.item {
|
||||
@extend .no-select;
|
||||
padding: 4px 0;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
> .link {
|
||||
color: $color-dark;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .numbering {
|
||||
color: $color-gray;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
11
gui/app/styles/core/view/document/document.scss
Normal file
11
gui/app/styles/core/view/document/document.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
@import "add-section.scss";
|
||||
@import "copy-move.scss";
|
||||
@import "doc-meta.scss";
|
||||
@import "doc-structure.scss";
|
||||
@import "doc-toc.scss";
|
||||
@import "section-editor.scss";
|
||||
@import "view-attachment.scss";
|
||||
@import "view-activity.scss";
|
||||
@import "view-revision.scss";
|
||||
@import "vote-likes.scss";
|
||||
@import "wysiwyg.scss";
|
||||
27
gui/app/styles/core/view/document/section-editor.scss
Normal file
27
gui/app/styles/core/view/document/section-editor.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
.section-editor {
|
||||
> .edit-title {
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
> .canvas {
|
||||
// margin: 34px 0 0 0;
|
||||
padding: 30px 20px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
}
|
||||
}
|
||||
|
||||
.content-linker-modal-container {
|
||||
height: 500px;
|
||||
overflow-y: auto;
|
||||
|
||||
.icon {
|
||||
margin-right: 5px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
64
gui/app/styles/core/view/document/view-activity.scss
Normal file
64
gui/app/styles/core/view/document/view-activity.scss
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
.view-activity {
|
||||
margin: 50px;
|
||||
|
||||
.title {
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
margin: 0 0 30px 0;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin: 0 0 50px 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
list-style: none;
|
||||
padding: 10px 0;
|
||||
margin: 5px 0;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
|
||||
> .dash {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
left: -20px;
|
||||
background-color: $color-border;
|
||||
height: 3px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
> .spacer {
|
||||
display: inline-block;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
> .details {
|
||||
@include ease-in();
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
|
||||
> .doc {
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .note {
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .list-timeline {
|
||||
border-left: 5px solid $color-border;
|
||||
padding-left: 20px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
49
gui/app/styles/core/view/document/view-attachment.scss
Normal file
49
gui/app/styles/core/view/document/view-attachment.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
.view-attachment {
|
||||
> .upload-document-files {
|
||||
@include ease-in();
|
||||
margin: 50px 0 10px 0;
|
||||
|
||||
> .dz-preview, .dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0;
|
||||
|
||||
> .item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.1rem;
|
||||
list-style-type: none;
|
||||
border-left: 6px solid $color-gray-light;
|
||||
padding-left: 15px;
|
||||
margin-left: 3px;
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: text-top;
|
||||
margin-right: 10px;
|
||||
color: $color-gray;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .delete {
|
||||
display: inline-block;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .delete {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
16
gui/app/styles/core/view/document/view-revision.scss
Normal file
16
gui/app/styles/core/view/document/view-revision.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
.view-revision {
|
||||
> .diff-zone {
|
||||
@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;
|
||||
margin: 50px 0;
|
||||
|
||||
> .canvas {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
25
gui/app/styles/core/view/document/vote-likes.scss
Normal file
25
gui/app/styles/core/view/document/vote-likes.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
.vote-box {
|
||||
margin: 50px 0;
|
||||
padding: 30px 50px;
|
||||
text-align: center;
|
||||
max-width: 400px;
|
||||
border: 1px dotted $color-border;
|
||||
background: $color-off-white;
|
||||
@include border-radius(3px);
|
||||
|
||||
> .prompt {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
|
||||
> .ack {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
color: $color-green;
|
||||
}
|
||||
}
|
||||
120
gui/app/styles/core/view/document/wysiwyg.scss
Normal file
120
gui/app/styles/core/view/document/wysiwyg.scss
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
.wysiwyg {
|
||||
font-size: 17px;
|
||||
line-height: 25px;
|
||||
color: $color-off-black;
|
||||
|
||||
table {
|
||||
border: 1px solid $color-border !important;
|
||||
|
||||
th {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
background-color: $color-off-white;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
|
||||
p {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
margin: 15px 0;
|
||||
padding: 0 0 0 40px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
ol {
|
||||
li {
|
||||
list-style-type: decimal;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
list-style-type: disc;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
h1 { font-size: 2.0rem; }
|
||||
h2 { font-size: 1.8rem; }
|
||||
h3 { font-size: 1.6rem; }
|
||||
h4 { font-size: 1.4rem; }
|
||||
h5 { font-size: 1.3rem; }
|
||||
h6 { font-size: 1.1rem; }
|
||||
|
||||
pre {
|
||||
background-color: $color-off-white;
|
||||
padding: 10px;
|
||||
border: 1px solid $color-border;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
.code-mirror {
|
||||
background-color: none;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
@include border-radius(0px);
|
||||
}
|
||||
|
||||
.wysiwyg-table {
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
empty-cells: show;
|
||||
max-width: 100% !important;
|
||||
margin: 0 !important;
|
||||
|
||||
.fr-dashed-borders td,
|
||||
.fr-dashed-borders th {
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.fr-alternate-rows tbody tr:nth-child(2n) {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
border: 1px solid #f3f5f8;
|
||||
padding: 5px 7px !important;
|
||||
}
|
||||
|
||||
td:empty,
|
||||
th:empty {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
td.fr-highlighted,
|
||||
th.fr-highlighted {
|
||||
border: 1px double red;
|
||||
}
|
||||
|
||||
td.fr-thick,
|
||||
th.fr-thick {
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
th {
|
||||
background: #f7f6f6;
|
||||
}
|
||||
}
|
||||
}
|
||||
49
gui/app/styles/core/view/exceptions.scss
Normal file
49
gui/app/styles/core/view/exceptions.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
.documize-base-exception
|
||||
{
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-border !important;
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
color: $color-off-black;
|
||||
|
||||
display: none !important;
|
||||
|
||||
.label
|
||||
{
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.documize-first-page
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-exotic-image
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-footnote
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-graphictext
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-math
|
||||
{
|
||||
@extend .documize-base-exception;
|
||||
}
|
||||
|
||||
.documize-attachment
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
17
gui/app/styles/core/view/import.scss
vendored
Normal file
17
gui/app/styles/core/view/import.scss
vendored
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.import-zone {
|
||||
margin: 3rem 1rem;
|
||||
|
||||
.dz-preview, .dz-processing {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
> .import-status {
|
||||
margin-top: 30px;
|
||||
|
||||
> p {
|
||||
font-size: 1.1rem;
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
317
gui/app/styles/core/view/onboard.scss
Normal file
317
gui/app/styles/core/view/onboard.scss
Normal file
|
|
@ -0,0 +1,317 @@
|
|||
.onboarding-container {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
color: $color-off-black;
|
||||
letter-spacing: 1px;
|
||||
margin: 50px 0;
|
||||
|
||||
.stage-1
|
||||
{
|
||||
display: block;
|
||||
|
||||
.account-name-preview
|
||||
{
|
||||
color: #fff;
|
||||
background: #b9b9b9 !important;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
// margin: 100px 0 0 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.stage-2
|
||||
{
|
||||
display: none;
|
||||
|
||||
.account-name-preview
|
||||
{
|
||||
color: #fff;
|
||||
background: rgba(27,117,187,1);
|
||||
background: -moz-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,117,187,1)), color-stop(100%, rgba(73,155,234,1)));
|
||||
background: -webkit-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -o-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: linear-gradient(to right, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b75bb", endColorstr="#499bea", GradientType=1 );
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
// margin: 100px 0 0 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.note
|
||||
{
|
||||
font-size: 0.9rem;;
|
||||
font-style: italic;
|
||||
color: $color-stroke;
|
||||
}
|
||||
|
||||
.mismatch
|
||||
{
|
||||
display: none;
|
||||
color: $color-red;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.stage-3
|
||||
{
|
||||
@extend .stage-2;
|
||||
|
||||
img
|
||||
{
|
||||
margin: 100px 0 0 200px;
|
||||
}
|
||||
|
||||
#spinner-1
|
||||
{
|
||||
margin: 140px 0 0 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.stage-4
|
||||
{
|
||||
@extend .stage-3;
|
||||
|
||||
a
|
||||
{
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stage-5
|
||||
{
|
||||
@extend .stage-3;
|
||||
|
||||
#spinner-1
|
||||
{
|
||||
margin: 140px 0 0 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.account-name-preview
|
||||
{
|
||||
color: #fff;
|
||||
height: 55px;
|
||||
width: 100%;
|
||||
font-family: Arial;
|
||||
opacity: 0.8;
|
||||
text-align: left;
|
||||
background: rgba(27,117,187,1);
|
||||
background: -moz-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,117,187,1)), color-stop(100%, rgba(73,155,234,1)));
|
||||
background: -webkit-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -o-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
background: linear-gradient(to right, rgba(27,117,187,1) 0%, rgba(73,155,234,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b75bb", endColorstr="#499bea", GradientType=1 );
|
||||
|
||||
.title
|
||||
{
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
margin: 18px 0 0 20px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.nav-icon
|
||||
{
|
||||
display: inline-block;
|
||||
background-image: url(img/onboard/nav-icons.png);
|
||||
background-repeat: no-repeat;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
vertical-align: top;
|
||||
z-index: 1;
|
||||
background-position: 0 -75px;
|
||||
margin: 15px 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar
|
||||
{
|
||||
.logo
|
||||
{
|
||||
height: 62px;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
font-size: 2rem;;
|
||||
color: $color-primary;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 1.3rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
|
||||
p.note
|
||||
{
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
.rightbar
|
||||
{
|
||||
@extend .absolute-center;
|
||||
height: 400px;
|
||||
max-width: 500px;
|
||||
background-color: #f6f9fc;
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 6px 20px 0 rgba(30,71,101,.1);
|
||||
}
|
||||
|
||||
input[type='email'], input[type='text'], input[type='password'] {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
// input[type='submit']
|
||||
// {
|
||||
// padding: 10px 15px;
|
||||
// background: #12A936;
|
||||
// border: 0;
|
||||
// color: $color-off-white;
|
||||
// border-radius: 3px;
|
||||
// font-weight: 500;
|
||||
// font-size: 16px;
|
||||
// -webkit-appearance: none;
|
||||
// vertical-align: bottom;
|
||||
// height: auto;
|
||||
// width: auto;
|
||||
// display: inline-block;
|
||||
// margin: 20px 0 0 0;
|
||||
// letter-spacing: 0.7px;
|
||||
// @include ease-in();
|
||||
// float: right;
|
||||
// @extend .no-outline;
|
||||
// @extend .no-select;
|
||||
//
|
||||
// &:hover
|
||||
// {
|
||||
// background: lighten(#12A936, 4%);
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// input[type='email'], input[type='text'], input[type='password']
|
||||
// {
|
||||
// padding: 5px 15px;
|
||||
// background: white;
|
||||
// border: 1px solid #e2e2e2;
|
||||
// @include border-radius(3px);
|
||||
// color: $color-off-black;
|
||||
// font-weight: bold;
|
||||
// font-size: 16px;
|
||||
// -webkit-appearance: none;
|
||||
// vertical-align: bottom;
|
||||
// width: 90%;
|
||||
// display: block;
|
||||
// margin: 20px 0 10px 0;
|
||||
// letter-spacing: 1px;
|
||||
// }
|
||||
|
||||
/*********************************************/
|
||||
/* Spinner */
|
||||
/*********************************************/
|
||||
#spinner-1, #spinner-2
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sk-spinner-wave.sk-spinner
|
||||
{
|
||||
margin: 0 auto;
|
||||
width: 170px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
display: inline-block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sk-spinner-wave div
|
||||
{
|
||||
background-color: #12A936;
|
||||
height: 100%;
|
||||
width: 6px;
|
||||
display: inline-block;
|
||||
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
|
||||
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect2
|
||||
{
|
||||
-webkit-animation-delay: -1.1s;
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect3
|
||||
{
|
||||
-webkit-animation-delay: -1s;
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect4
|
||||
{
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.sk-spinner-wave .sk-rect5
|
||||
{
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes sk-waveStretchDelay
|
||||
{
|
||||
0%, 40%, 100%
|
||||
{
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4);
|
||||
}
|
||||
|
||||
20%
|
||||
{
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sk-waveStretchDelay
|
||||
{
|
||||
0%, 40%, 100%
|
||||
{
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4);
|
||||
}
|
||||
|
||||
20%
|
||||
{
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
126
gui/app/styles/core/view/search.scss
Normal file
126
gui/app/styles/core/view/search.scss
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
.view-search {
|
||||
margin-top: 30px;
|
||||
|
||||
> .heading {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
width: 300px;
|
||||
}
|
||||
@media (min-width: 900px) {
|
||||
.search-box {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.search-box {
|
||||
width: 600px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.search-box {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1800px) {
|
||||
.search-box {
|
||||
width: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
> .documents {
|
||||
margin: 20px 0;
|
||||
padding: 0;
|
||||
|
||||
> .document {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0 0 30px 0;
|
||||
width: 100%;
|
||||
|
||||
&:hover {
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px 20px;
|
||||
|
||||
> .title {
|
||||
color: $color-black;
|
||||
font-weight: bold;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 5px;
|
||||
|
||||
> .version {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .space {
|
||||
color: $color-off-black;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> .title {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hashtags {
|
||||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .syntax {
|
||||
margin: 20px 0;
|
||||
|
||||
> .example {
|
||||
margin-top: 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
font-style: italic;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
> .explain {
|
||||
margin: 10px 0 20px 0px;
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
180
gui/app/styles/core/view/space.scss
Normal file
180
gui/app/styles/core/view/space.scss
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
.view-space {
|
||||
> .filter-caption {
|
||||
margin: 10px 0;
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> .documents {
|
||||
margin: 60px 0;
|
||||
padding: 0;
|
||||
|
||||
> .document {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0 0 30px 0;
|
||||
width: 100%;
|
||||
|
||||
&:hover {
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px 20px;
|
||||
|
||||
> .title {
|
||||
color: $color-black;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 1rem;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .checkbox {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
> .material-icons {
|
||||
width: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $color-checkbox;
|
||||
}
|
||||
}
|
||||
|
||||
> .actions {
|
||||
position: absolute;
|
||||
display: none;
|
||||
bottom: 2px;
|
||||
right: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light !important;
|
||||
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hashtags {
|
||||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
font-size: 0.875rem;
|
||||
font-style: italic;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.space-admin {
|
||||
> .title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
> .sub-title {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> .permission-table {
|
||||
> tbody, > thead {
|
||||
> tr, > th {
|
||||
> td, > th {
|
||||
margin: 0;
|
||||
padding: 10px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .categories {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
> .item {
|
||||
margin: 15px 0;
|
||||
padding: 15px;
|
||||
@include card();
|
||||
@include ease-in();
|
||||
|
||||
> .category {
|
||||
display: inline-block;
|
||||
|
||||
> .name {
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
}
|
||||
|
||||
> .info {
|
||||
font-size: 0.9rem;
|
||||
margin-top: 8px;
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
> .action {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
45
gui/app/styles/core/view/spaces.scss
Normal file
45
gui/app/styles/core/view/spaces.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.view-spaces {
|
||||
> .heading {
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
text-transform: uppercase;
|
||||
|
||||
> .counter {
|
||||
font-size: 0.9rem;
|
||||
font-weight: normal;
|
||||
color: $color-gray;
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
> .empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
font-weight: normal;
|
||||
margin: 20px 0 50px 0;
|
||||
}
|
||||
|
||||
> .list {
|
||||
margin: 30px 0;
|
||||
padding: 0;
|
||||
|
||||
> a {
|
||||
color: $color-black;
|
||||
|
||||
> .item {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 10px;
|
||||
width: 250px;
|
||||
height: 100px;
|
||||
font-size: 1.1rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
31
gui/app/styles/core/view/toolbar.scss
Normal file
31
gui/app/styles/core/view/toolbar.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
.toolbar {
|
||||
margin: 30px 0 0 0;
|
||||
|
||||
> .links {
|
||||
display: inlne-block;
|
||||
|
||||
> .link, div > .link {
|
||||
color: $color-gray;
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 30px;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
@include ease-in();
|
||||
// border-bottom: 2px solid $color-gray-light;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected, div > .link {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
9
gui/app/styles/core/view/views.scss
Normal file
9
gui/app/styles/core/view/views.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
@import "spaces.scss";
|
||||
@import "space.scss";
|
||||
@import "import.scss";
|
||||
@import "customize.scss";
|
||||
@import "onboard.scss";
|
||||
@import "customize.scss";
|
||||
@import "search.scss";
|
||||
@import "auth.scss";
|
||||
@import "document/document.scss"
|
||||
Loading…
Add table
Add a link
Reference in a new issue