mirror of
https://github.com/documize/community.git
synced 2025-08-05 13:35:25 +02:00
Replaced Material Icons & Boostrap with custom UI framework
This commit is contained in:
parent
d0f0a12f2d
commit
61c648a7ac
75 changed files with 116 additions and 1445 deletions
|
@ -20,7 +20,7 @@
|
|||
display: block;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
> .dicon {
|
||||
font-size: 5rem;
|
||||
color: map-get($gray-shades, 200);
|
||||
}
|
||||
|
@ -33,7 +33,6 @@
|
|||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
|
||||
.theme-picker {
|
||||
display : block;
|
||||
margin-bottom: 10px;
|
||||
|
@ -52,7 +51,6 @@
|
|||
cursor: default;
|
||||
border: 7px solid map-get($gray-shades, 300);
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
border: 7px solid map-get($gray-shades, 600);
|
||||
|
|
|
@ -207,7 +207,6 @@
|
|||
> .item {
|
||||
margin: 15px 0;
|
||||
padding: 15px 0;
|
||||
@include ease-in();
|
||||
font-size: 1.2rem;
|
||||
color: $theme-500;
|
||||
}
|
||||
|
@ -255,7 +254,6 @@
|
|||
}
|
||||
|
||||
> .upload-backup-file {
|
||||
@include ease-in();
|
||||
margin: 50px 0 10px 0;
|
||||
|
||||
> .dz-preview, .dz-processing {
|
||||
|
|
|
@ -19,7 +19,6 @@
|
|||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
|
@ -65,7 +64,6 @@
|
|||
padding: 0;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
|
@ -83,8 +81,7 @@
|
|||
}
|
||||
|
||||
> .actions {
|
||||
@include ease-in();
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 8px;
|
||||
}
|
||||
|
|
|
@ -5,17 +5,19 @@
|
|||
width: 100%;
|
||||
|
||||
> .document {
|
||||
@include ease-in();
|
||||
margin: 0 0 5px 0;
|
||||
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, 200);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
|
||||
&:hover {
|
||||
color: $color-black;
|
||||
> .title, > .space, > .snippet {
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
> .title {
|
||||
|
@ -24,7 +26,6 @@
|
|||
}
|
||||
|
||||
> .space {
|
||||
color : map-get($gray-shades, 600);
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
|
@ -32,24 +33,26 @@
|
|||
}
|
||||
|
||||
> .snippet {
|
||||
color : map-get($gray-shades, 600);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
> .dicon {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
color: $color-white;
|
||||
color: map-get($yellow-shades, 800);
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-link !important;
|
||||
|
||||
> .title, .space, .snippet {
|
||||
color: $color-white !important;
|
||||
color: map-get($yellow-shades, 800) !important;
|
||||
}
|
||||
|
||||
background-color: map-get($yellow-shades, 100) !important;
|
||||
border: 1px solid map-get($yellow-shades, 300) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
height: 500px;
|
||||
overflow-y: auto;
|
||||
|
||||
.icon {
|
||||
.dicon {
|
||||
margin-right: 5px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
|
@ -20,4 +20,3 @@
|
|||
.block-editor {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -14,7 +14,6 @@
|
|||
width: 100%;
|
||||
|
||||
> .item {
|
||||
@include ease-in();
|
||||
list-style: none;
|
||||
padding: 10px 0;
|
||||
margin: 5px 0;
|
||||
|
@ -36,7 +35,6 @@
|
|||
}
|
||||
|
||||
> .details {
|
||||
@include ease-in();
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
|
||||
|
|
1
gui/app/styles/core/view/import.scss
vendored
1
gui/app/styles/core/view/import.scss
vendored
|
@ -1,5 +1,6 @@
|
|||
.import-zone {
|
||||
margin: 3rem 1rem;
|
||||
text-align: center;
|
||||
|
||||
.dz-preview, .dz-processing {
|
||||
display: none !important;
|
||||
|
|
|
@ -30,7 +30,6 @@
|
|||
|
||||
> .document {
|
||||
@include card();
|
||||
@include ease-in();
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
@ -44,7 +43,6 @@
|
|||
}
|
||||
|
||||
> a {
|
||||
@include ease-in();
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px 20px;
|
||||
|
|
|
@ -172,6 +172,10 @@
|
|||
margin: 0;
|
||||
padding: 10px 15px;
|
||||
text-align: center;
|
||||
|
||||
> .dicon {
|
||||
color: map-get($gray-shades, 700);
|
||||
}
|
||||
}
|
||||
|
||||
> td:first-child {
|
||||
|
|
|
@ -1,30 +0,0 @@
|
|||
.toolbar {
|
||||
margin: 30px 0 0 0;
|
||||
|
||||
> .links {
|
||||
display: inlne-block;
|
||||
|
||||
> .link, div > .link {
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 30px;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected, div > .link {
|
||||
color: $color-link;
|
||||
}
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
float: right;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue