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

new UX for category management

Browse source
This commit is contained in:
Harvey Kandola 2017-11-27 15:38:39 +00:00
parent 1c08a7fbcf
commit 1f0fc844a8
29 changed files with 287 additions and 397 deletions
Download patch file Download diff file Expand all files Collapse all files

1
gui/app/styles/app.scss
View file

@ -22,7 +22,6 @@
@import "view/page-auth.scss";
@import "view/page-onboard.scss";
@import "view/page-exceptions.scss";
@import "view/folder/all.scss";
@import "view/document/all.scss";
@import "view/common.scss";

14
gui/app/styles/base.scss
View file

@ -25,12 +25,24 @@ body {
}
a {
@include ease-in();
color: $color-link;
text-decoration: none;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
// text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
a:focus,
a:hover {
text-decoration: none;
}
}
a.admin-link {
// color: $color-gray;
text-decoration: none;
font-weight: bold;
a:focus,
a:hover {

10
gui/app/styles/mixins.scss
View file

@ -55,3 +55,13 @@
color: $color-link;
}
}
@mixin card-theme() {
background-color: $color-primary-light;
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
&:hover {
background-color: darken($color-primary-light, 5%);
color: $color-primary;
}
}

1
gui/app/styles/view/folder/all.scss
View file

@ -1 +0,0 @@
@import "settings.scss";

51
gui/app/styles/view/folder/settings.scss
View file

@ -1,51 +0,0 @@
.space-settings {
.category-table {
padding: 0;
margin: 0 0 0 20px;
width: 60%;
> .row {
margin: 15px 0;
padding: 15px;
background-color: $color-off-white;
@include border-radius(2px);
> .category {
display: inline-block;
> .name {
font-size: 1.2rem;
}
> .info {
font-size: 0.9rem;
margin-top: 8px;
color: $color-gray;
}
}
> .buttons {
margin-top: 5px;
}
> .action {
display: inline-block;
}
> .input-control {
margin: 0;
display: inline-block;
> input {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.2rem;
}
}
}
}
}
.category-access-dialog {
display: none;
}

60
gui/app/styles/view/space.scss
View file

@ -119,10 +119,18 @@
}
.space-admin {
> .permission-table {
// width: 100%;
// overflow-x: auto;
> .title {
font-size: 1.5rem;
font-weight: bold;
color: $color-dark;
}
> .sub-title {
font-size: 1.1rem;
color: $color-gray;
}
> .permission-table {
> tbody, > thead {
> tr, > th {
> td, > th {
@ -151,4 +159,50 @@
}
}
}
> .categories {
padding: 0;
margin: 0;
> .item {
margin: 15px 0;
padding: 15px;
@include card-theme();
@include ease-in();
> .category {
display: inline-block;
> .name {
font-size: 1.2rem;
color: $color-primary;
}
> .info {
font-size: 0.9rem;
margin-top: 8px;
color: $color-gray;
}
}
> .buttons {
margin-top: 5px;
}
> .action {
display: inline-block;
}
> .input-control {
margin: 0;
display: inline-block;
> input {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.2rem;
}
}
}
}
}

2
gui/app/styles/view/toolbar.scss
View file

@ -12,7 +12,7 @@
margin-right: 30px;
cursor: pointer;
@include ease-in();
border-bottom: 2px solid $color-gray-light;
// border-bottom: 2px solid $color-gray-light;
&:hover {
color: $color-link;

18
gui/app/styles/widget/widget-button.scss
View file

@ -452,6 +452,24 @@
}
}
.button-icon-black {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-off-black;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-off-black, 5%);
}
}
}
.button-icon-small {
> i {
font-size: 1.3rem;