mirror of
https://github.com/documize/community.git
synced 2025-08-02 20:15:26 +02:00
new UX for category management
This commit is contained in:
parent
1c08a7fbcf
commit
1f0fc844a8
29 changed files with 287 additions and 397 deletions
|
@ -1 +0,0 @@
|
|||
@import "settings.scss";
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue