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

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

12
gui/app/styles/core/layout/grid.scss
View file

@ -31,24 +31,24 @@ $display-break-5: 1800px;
// X-axis alignment
.grid-cell-left {
justify-self: self-end;
justify-self: self-start !important;
}
.grid-cell-right {
justify-self: self-end;
justify-self: self-end !important;
}
.grid-cell-center {
justify-self: center;
justify-self: center !important;
}
// Y-axis alignment
.grid-cell-top {
align-self: self-start;
align-self: self-start !important;
}
.grid-cell-middle {
align-self: center;
align-self: center !important;
}
.grid-cell-bottom {
align-self: self-end;
align-self: self-end !important;
}
}

4
gui/app/styles/core/layout/headings.scss
View file

@ -2,7 +2,7 @@
.master-page-heading {
font-size: 2rem;
font-weight: 700;
color: map-get($gray-shades, 900);
color: map-get($gray-shades, 800);
}
.master-page-desc {
@ -15,7 +15,7 @@
display: flex;
flex-direction: row;
> .image {
> .icon, > .meta-icon {
align-self: center;
margin-right: 25px;

16
gui/app/styles/core/layout/master-internal.scss
View file

@ -17,7 +17,7 @@
display: block;
height: auto;
width: 100%;
z-index: 1041; // reequired if we want to show modals from inside sidebar
z-index: 1041; // required if we want to show modals from inside sidebar
.master-navbar {
display: block;
@ -40,7 +40,7 @@
> .nav-options {
> .selected {
> .dicon, > .name {
color: $theme-400 !important;
color: $color-white !important;
}
}
@ -50,13 +50,20 @@
> .dicon {
display: inline-block;
color: $color-white;
color: $theme-300;
font-size: 20px;
padding: 10px;
}
> .name {
display: none;
color: $theme-300;
}
&:hover {
> .dicon, > .name {
color: $theme-400 !important;
}
}
}
}
@ -159,7 +166,6 @@
> .option {
>.dicon {
display: block;
color: $color-white;
font-size: 20px;
padding: 20px 0;
}
@ -248,7 +254,6 @@
> .option {
> .dicon {
display: block;
color: $color-white;
font-size: 24px;
padding: 15px 0 10px 0;
}
@ -258,7 +263,6 @@
padding: 0 0 15px 0;
font-size: 0.8rem;
font-weight: 700;
color: $color-white;
text-transform: uppercase;
}
}

80
gui/app/styles/core/layout/sidebar.scss
View file

@ -31,6 +31,10 @@
color: $color-black-light-3;
}
> .form-field {
margin: 10px 0 5px 0;
}
> .label {
@include border-radius(3px);
@extend .no-select;
@ -90,6 +94,82 @@
}
}
}
> .tabs {
margin: 0;
padding: 0;
> .tab {
margin: 20px 0;
padding: 10px 10px;
@include border-radius(3px);
background-color: $color-white;
border: 1px solid map-get($gray-shades, 200);
cursor: pointer;
> .icon {
display: inline-block;
font-size: 24px;
color: map-get($gray-shades, 700);
margin: 0 10px 0 0;
vertical-align: top;
}
> .text {
display: inline-block;
> .title {
display: block;
font-size: 1.1rem;
font-weight: 500;
color: map-get($gray-shades, 800);
}
> .desc {
display: block;
margin: 5px 0 5px 0;
font-size: 1rem;
font-weight: 400;
color: map-get($gray-shades, 700);
}
}
&:hover {
> .icon {
color: map-get($gray-shades, 800);
}
> .text {
> .title {
color: map-get($gray-shades, 900);
}
> .desc {
color: map-get($gray-shades, 800);
}
}
}
}
> .selected, > .selected:hover {
background-color: map-get($yellow-shades, 200);
border: 1px solid map-get($yellow-shades, 300);
> .icon {
color: map-get($yellow-shades, 700);
}
> .text {
> .title {
color: map-get($yellow-shades, 800);
}
> .desc {
color: map-get($yellow-shades, 700);
}
}
}
}
}
.empty-label {