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

Complete UI revamp for admin screens

Browse source
This commit is contained in:
Harvey Kandola 2018-12-14 15:47:41 +00:00
parent edb256e754
commit 0ec0c65002
26 changed files with 376 additions and 284 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -427,3 +427,14 @@ icons
content: "\ea50";
}
.dicon-i-check::before {
content: "\ea51";
}
.dicon-shape-rectangle::before {
content: "\ea52";
}
.dicon-ban::before {
content: "\ea53";
}

21
gui/app/styles/core/ui/ui-toolbar.scss
View file

@ -3,13 +3,16 @@
}
.dmz-toolbar {
display: inline-block;
display: inline-flex;
// flex: 0 1 auto;
flex-basis: auto;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 1px solid transparent;
height: 30px;
padding: 5px 10px;
width: auto;
padding: 6px 10px;
line-height: 24px;
@extend .no-select;
@include border-radius(6px);
@ -18,7 +21,7 @@
font-size: 16px;
font-weight: 500;
color: map-get($gray-shades, 600);
padding: 0 0.25rem;
padding: 0 0.5rem;
cursor: pointer;
&:hover {
@ -26,6 +29,16 @@
}
}
> .label {
// display: inline-block;
font-size: 14px;
font-weight: 500;
color: map-get($gray-shades, 600);
padding: 0 0.5rem;
align-self: center;
cursor: pointer;
}
> .red {
color: map-get($red-shades, 500);
@ -53,7 +66,7 @@
.dmz-toolbar-large {
height: 40px;
padding: 7px 10px;
padding: 9px 10px;
line-height: 33px;
> .dicon {

47
gui/app/styles/core/util.scss
View file

@ -10,25 +10,13 @@
// https://documize.com
a {
// @include ease-in();
cursor: pointer;
color: $color-link;
text-decoration: none;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
a:focus,
a:hover {
text-decoration: none;
}
}
a.admin-link {
text-decoration: none;
font-weight: bold;
a:focus,
a:hover {
a:focus, a:hover {
text-decoration: none;
}
}
@ -86,3 +74,34 @@ a.broken-link {
border: 1px solid map-get($gray-shades, 300);
}
.hide {
display: none;
}
.display-block {
display: block;
}
.display-inline-block {
display: inline-block;
}
.visible {
visibility: visible;
}
.invisible {
visibility: none;
}
.align-top {
vertical-align: top!important;
}
.align-middle {
vertical-align: middle!important;
}
.text-center {
text-align: center;
}

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

@ -1,4 +1,31 @@
.view-customize {
> .explain-user-perms {
padding: 15px 25px;
background-color: map-get($yellow-shades, 100);
border: 1px solid map-get($yellow-shades, 300);
@include border-radius(3px);
> .title {
font-weight: 700;
font-size: 1.1rem;
color: map-get($yellow-shades, 800);
}
> .perm-name {
font-size: 1rem;
font-weight: 600;
color: map-get($gray-shades, 800);
margin-top: 10px;
}
> .perm-desc {
font-size: 0.9rem;
font-weight: 300;
color: map-get($gray-shades, 800);
}
}
.user-table {
tbody tr td, thead tr th {
border-top: none !important;
@ -6,49 +33,53 @@
}
.name {
font-size: 1.2rem;
font-weight: bold;
color: $color-link;
font-size: 1.1rem;
font-weight: 500;
color: map-get($gray-shades, 900);
margin: 0 0 0 10px;
display: inline-block;
cursor: pointer;
> .email {
font-size: 0.9rem;
color: $color-black-light-1;
font-size: 1rem;
font-weight: 400;
color: map-get($gray-shades, 800);
margin: 0;
display: inline-block;
font-weight: normal;
display: block;
}
}
.groups {
cursor: pointer;
margin: 5px 0 0 10px;
font-size: 1rem;
color: map-get($gray-shades, 600);
font-weight: 300;
color: map-get($yellow-shades, 900);
cursor: pointer;
margin: 0 0 0 10px;
&:hover {
color: $color-link;
}
}
.inactive-user
{
color: map-get($red-shades, 600);
font-weight: normal;
text-decoration: line-through;
.inactive-user {
> .name, > .name > .email, > .groups {
color: map-get($red-shades, 600) !important;
font-weight: normal !important;
text-decoration: line-through !important;
}
}
.admin-user
{
color: map-get($green-shades, 600);
font-weight: normal;
.admin-user {
> .name, > .name > .email, > .groups {
color: map-get($green-shades, 600);
font-weight: 600;
}
}
.checkbox {
color: map-get($gray-shades, 900);
.user-checkbox {
color: map-get($green-shades, 700);
cursor: pointer;
font-weight: 600;
}
}
@ -119,8 +150,11 @@
// used for group admin
> .group-users-members {
text-align: center;
> .item {
margin: 5px 0;
margin: 7px;
display: inline-block;
> .fullname {
color: map-get($gray-shades, 800);
@ -135,10 +169,11 @@
margin: 10px 0;
> .group-name {
color: $theme-500;
font-size: 1.2rem;
color: map-get($gray-shades, 800);
font-size: 1rem;
> .group-purpose {
color: map-get($gray-shades, 700);
font-size: 0.9rem;
}
}
@ -169,10 +204,6 @@
}
}
> .max-results {
float: right;
}
> .backup-restore {
margin: 20px 0;
font-size: 1.1rem;