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

Per space label, icon, description

Browse source 
Labels introduce visual grouping and filtering of spaces.
This commit is contained in:
McMatts 2019-01-04 16:33:30 +00:00
parent fe8068965c
commit a211ba051a
106 changed files with 3280 additions and 1008 deletions
Download patch file Download diff file Expand all files Collapse all files

53
gui/app/styles/core/view/common.scss
View file

@ -38,29 +38,58 @@
margin-bottom: 10px;
> .theme {
height: 100px;
width: 250px;
height: 60px;
width: 200px;
text-align: center;
color: $color-white;
font-weight: 600;
font-size: 1.2rem;
font-weight: 500;
font-size: 1rem;
display: inline-block;
position: relative;
margin: 0 20px 20px 0;
padding: 10px 0 0 0;
padding: 5px;
cursor: default;
border: 7px solid map-get($gray-shades, 300);
border: 3px solid map-get($gray-shades, 300);
@include border-radius(3px);
&:hover {
border: 7px solid map-get($gray-shades, 600);
border: 3px solid map-get($gray-shades, 600);
}
}
.tick {
text-align: center;
color: $color-white;
font-weight: 400;
font-size: 2rem;
> .selected {
border: 3px solid map-get($yellow-shades, 600);
&:hover {
border: 3px solid map-get($yellow-shades, 600);
}
}
}
.label-color-picker {
display : block;
> .color {
height: 60px;
width: 60px;
text-align: center;
display: inline-block;
position: relative;
margin: 0 20px 20px 0;
cursor: default;
border: 3px solid map-get($gray-shades, 300);
@include border-radius(3px);
&:hover {
border: 3px solid map-get($gray-shades, 600);
}
}
> .selected {
border: 3px solid map-get($yellow-shades, 600);
&:hover {
border: 3px solid map-get($yellow-shades, 600);
}
}
}

15
gui/app/styles/core/view/customize.scss
View file

@ -324,4 +324,19 @@
color: map-get($yellow-shades, 800);
}
}
> .space-labels {
display : block;
> .label {
@include border-radius(3px);
@extend .no-select;
display: block;
margin: 20px 0;
padding: 1rem 1rem;
font-size: 1.2rem;
font-weight: 500;
color: $color-white;
}
}
}

2
gui/app/styles/core/view/document/meta.scss
View file

@ -140,7 +140,7 @@
margin: 0;
font-size: 1.1rem;
font-weight: 400;
color: map-get($gray-shades, 700);
color: map-get($yellow-shades, 700);
}
> .document-heading {

29
gui/app/styles/core/view/document/view-activity.scss
View file

@ -1,15 +1,6 @@
.view-activity {
margin: 50px;
.title {
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 30px 0;
color: map-get($gray-shades, 600);
}
> .list {
margin: 0 0 50px 0;
margin: 0;
padding: 0;
width: 100%;
@ -24,7 +15,7 @@
position: absolute;
top: 19px;
left: -20px;
background-color: map-get($gray-shades, 300);
background-color: map-get($gray-shades, 200);
height: 3px;
width: 10px;
}
@ -39,24 +30,24 @@
display: inline-block;
> .doc {
font-size: 1.2rem;
font-weight: normal;
color: $color-black-light-1;
color: map-get($gray-shades, 700);
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.5px;
}
> .note {
color: map-get($gray-shades, 600);
font-size: 1rem;
margin-top: 2px;
color: map-get($yellow-shades, 800);
font-size: 1.2rem;
font-weight: 400;
margin-top: 5px;
}
}
}
}
> .list-timeline {
border-left: 5px solid map-get($gray-shades, 300);
border-left: 5px solid map-get($gray-shades, 200);
padding-left: 20px;
margin-left: 30px;
}
}

4
gui/app/styles/core/view/document/wysiwyg.scss
View file

@ -1,6 +1,6 @@
.wysiwyg {
font-size: 17px;
line-height: 25px;
font-size: 15px;
line-height: 20px;
color: $color-black-light-1;
table {

36
gui/app/styles/core/view/space.scss
View file

@ -245,3 +245,39 @@
}
}
}
.space-label-picker {
display : block;
> .label {
@extend .no-select;
@extend .text-truncate;
display: inline-block;
width: 200px;
margin: 0 20px 20px 0;
padding: 0.5rem 0.75rem;
font-size: 1rem;
font-weight: 500;
color: $color-white;
border: 3px solid map-get($gray-shades, 300);
@include border-radius(3px);
cursor: pointer;
&:hover {
border: 3px solid map-get($gray-shades, 600);
}
}
.none {
background-color: $color-white;
color: map-get($gray-shades, 500);
}
> .selected {
border: 3px solid map-get($yellow-shades, 800);
&:hover {
border: 3px solid map-get($yellow-shades, 800);
}
}
}

23
gui/app/styles/core/view/spaces.scss
View file

@ -25,6 +25,14 @@
font-size: 1.3rem;
font-weight: 700;
color: map-get($gray-shades, 800);
> .icon {
color: map-get($gray-shades, 700);
font-size: 20px;
vertical-align: middle;
display: inline-block;
margin-right: 10px;
}
}
> .desc {
@ -35,11 +43,24 @@
}
> .meta {
padding: 25px 0 0 0;
padding: 15px 0 0 0;
> .dicon {
color: map-get($gray-shades, 600);
font-size: 20px;
margin-right: 20px;
vertical-align: middle;
}
> .space-label {
@include border-radius(3px);
@extend .no-select;
display: inline-block;
margin: 10px 0 13px 0;
padding: 0.3rem 0.7rem;
font-size: 1.1rem;
font-weight: 400;
color: map-get($gray-shades, 100);
}
}
}