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

Bring new UX to each admin view

Browse source
This commit is contained in:
Harvey Kandola 2018-12-14 11:52:31 +00:00
parent ff1d737c68
commit edb256e754
26 changed files with 357 additions and 324 deletions
Download patch file Download diff file Expand all files Collapse all files

13
gui/app/styles/core/icon.scss
View file

@ -414,3 +414,16 @@ icons
.dicon-notification::before {
content: "\ea4d";
}
.dicon-handshake::before {
content: "\ea4e";
}
.dicon-add-27::before {
content: "\ea4f";
}
.dicon-delete-28::before {
content: "\ea50";
}

2
gui/app/styles/core/layout/spacing.scss
View file

@ -10,7 +10,7 @@
@media (max-width: $display-break-1) {
div[class^="spacer-"] {
height: 1px;
height: 10px;
}
}

22
gui/app/styles/core/news.scss
View file

@ -4,38 +4,39 @@
> .update-status {
padding: 25px;
background-color: map-get($yellow-shades, 100);
border: 1px solid map-get($yellow-shades, 200);
@include shadow();
border: 1px solid map-get($yellow-shades, 300);
@include border-radius(3px);
> .title {
font-weight: bold;
font-size: 1.5rem;
color: map-get($yellow-shades, 600);
margin-bottom: 15px;
color: map-get($yellow-shades, 800);
margin-bottom: 5px;
display:block;
}
> .instructions {
font-weight: 500;
font-size: 1.3rem;
font-size: 1.1rem;
color: map-get($gray-shades, 800);
margin-bottom: 30px;
}
> .links {
margin: 30px 0 0 0;
margin: 10px 0 0 0;
> p {
margin: 0.3rem 0;
> .edition-name {
font-size: 1.3rem;
font-size: 1.1rem;
font-weight: 400;
color: map-get($yellow-shades, 900);
}
> .link {
font-size: 1.3rem;
color: map-get($yellow-shades, 800);
font-size: 1.1rem;
color: map-get($yellow-shades, 600);
font-weight: 600;
}
}
@ -46,13 +47,12 @@
padding: 25px;
background-color: map-get($gray-shades, 100);
border: 1px solid map-get($gray-shades, 200);
@include shadow();
@include border-radius(3px);
> .version {
font-weight: 700;
font-size: 1.2rem;
color: map-get($yellow-shades, 700);
color: map-get($gray-shades, 700);
margin: 10px 0;
display: block;
}

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

@ -53,14 +53,41 @@
}
> .space-list {
padding: 0;
margin: 3rem 0;
margin: 0;
padding: 0;
> .space {
margin: 15px 0;
padding: 15px 0;
font-size: 1.2rem;
color: $theme-500;
@include card();
list-style-type: none;
margin: 0 0 2rem 0;
padding: 15px 20px;
width: 100%;
> .info {
padding: 0;
> a {
> .name {
font-size: 1.3rem;
font-weight: 700;
color: map-get($gray-shades, 800);
> .dicon {
color: map-get($gray-shades, 600);
font-size: 20px;
vertical-align: middle;
margin-right: 10px;
}
}
> .desc {
font-size: 1.1rem;
font-weight: 400;
margin-top: 0.4rem;
color: $color-black-light-3;
}
}
}
}
}
@ -69,17 +96,23 @@
margin: 0;
> .group {
margin: 15px 0;
@include card();
list-style-type: none;
margin: 0 0 2rem 0;
padding: 15px 20px;
width: 100%;
.name {
color: $color-black-light-1;
> .name {
font-size: 1.3rem;
font-weight: 600;
font-weight: 700;
color: map-get($gray-shades, 800);
}
> .purpose {
font-size: 1rem;
color: map-get($gray-shades, 600);
}
> .desc {
font-size: 1.1rem;
font-weight: 400;
margin-top: 0.4rem;
color: $color-black-light-3;
}
}
}
@ -87,11 +120,11 @@
// used for group admin
> .group-users-members {
> .item {
margin: 10px 0;
margin: 5px 0;
> .fullname {
color: $theme-500;
font-size: 1.2rem;
color: map-get($gray-shades, 800);
font-size: 1rem;
}
}
}
@ -149,7 +182,7 @@
border: 1px solid map-get($green-shades, 200);
padding: 20px 20px;
background-color: map-get($green-shades, 100);
color: $color-black-light-1;
color: map-get($green-shades, 700);
> .backup-fail {
margin: 10px 0;
@ -168,7 +201,7 @@
margin: 50px 0;
padding: 20px 20px;
background-color: map-get($red-shades, 100);
color: $color-black-light-1;
color: map-get($red-shades, 700);
> .restore-fail {
margin: 10px 0;

18
gui/app/styles/core/widget/widget-list-picker.scss
View file

@ -10,9 +10,9 @@
@include border-radius(3px);
margin: 0 0 15px 0;
padding: 10px 15px;
color: map-get($gray-shades, 600);
color: map-get($gray-shades, 700);
background-color: map-get($gray-shades, 100);
border: 1px solid map-get($gray-shades, 600);
border: 1px solid map-get($gray-shades, 200);
cursor: pointer;
position: relative;
list-style-type: none;
@ -20,13 +20,12 @@
&:hover {
> .text-header, > .text {
color: $color-black-light-1;
color: map-get($gray-shades, 800);
}
}
> .text-header {
@include ease-in();
color: map-get($gray-shades, 600);
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 5px;
@ -38,9 +37,8 @@
> .text {
@include ease-in();
color: map-get($gray-shades, 600);
font-size: 1rem;
font-weight: 500;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -51,7 +49,7 @@
position: absolute;
top: 10px;
right: 10px;
color: map-get($green-shades, 600);
color: map-get($yellow-shades, 800);
font-weight: 700;
font-size: 1.3rem;
}
@ -59,11 +57,11 @@
> .selected {
> .text-header, > .text {
color: $color-black-light-1;
color: map-get($yellow-shades, 800) !important;
}
background-color: map-get($yellow-shades, 700) !important;
border: 1px solid map-get($yellow-shades, 700) !important;
background-color: map-get($yellow-shades, 100) !important;
border: 1px solid map-get($yellow-shades, 300) !important;
}
}
}