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

Streamline document meta view and editing experience

Browse source 
Meta data:

1. Condensed layout.
2. Unified editing.

Co-Authored-By: Saul S <sauls8t@users.noreply.github.com>
This commit is contained in:
McMatts 2018-06-15 14:25:05 +01:00
parent f70d4b33a3
commit 27fde0dac8
26 changed files with 2389 additions and 1956 deletions
Download patch file Download diff file Expand all files Collapse all files

135
gui/app/styles/view/document/doc-meta.scss
View file

@ -9,57 +9,90 @@
.doc-excerpt {
font-size: 1.2rem;
color: $color-gray;
margin: 0 0 45px;
}
}
> .document-heading-edit {
margin-top: 3.5rem;
margin-bottom: 3rem;
}
> .document-customfields {
margin-bottom: 4rem;
background-color: $color-off-white;
border: 1px solid $color-border;
padding: 20px 40px;
@include border-radius(3px);
.row {
padding: 5px 0;
margin-bottom: 10px;
&:hover {
.action-button {
visibility: visible;
}
}
.heading {
font-size: 1.1rem;
font-weight: 700;
color: $color-dark;
text-align: left;
}
.action-button {
visibility: hidden;
margin-left: 15px;
}
.value {
font-size: 1.1rem;
font-weight: normal;
color: $color-black;
text-align: left;
}
.value-static {
font-size: 1.1rem;
font-weight: bold;
color: $color-gray;
text-align: left;
}
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;
cursor: pointer;
&: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;
cursor: pointer;
&: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;
}