mirror of
https://github.com/documize/community.git
synced 2025-08-02 20:15:26 +02:00
Allow sorting of search results and space contents
Closes #187 Sort search results and space contents by Name, Created or Revised.
This commit is contained in:
parent
0985dbf5b6
commit
1d00f8ac6e
19 changed files with 1182 additions and 807 deletions
|
@ -3,3 +3,4 @@
|
|||
@import "ui-button";
|
||||
@import "ui-toolbar";
|
||||
@import "ui-icon-picker";
|
||||
@import "ui-option";
|
|
@ -4,6 +4,9 @@
|
|||
@mixin button-shadow() {
|
||||
box-shadow: 1px 1px 3px 0px map-get($gray-shades, 500);
|
||||
}
|
||||
@mixin button-shadow-none() {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
%dmz-button {
|
||||
display: inline-block;
|
||||
|
@ -153,6 +156,26 @@
|
|||
background-color: map-get($gray-shades, 300);
|
||||
}
|
||||
}
|
||||
.dmz-button-gray-outline {
|
||||
@extend %dmz-button;
|
||||
background-color: transparent;
|
||||
color: map-get($gray-shades, 700);
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
@extend .no-select;
|
||||
outline: none;
|
||||
@include button-shadow-none();
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
outline: none;
|
||||
@include button-shadow-none();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: map-get($gray-shades, 800);
|
||||
border-color: map-get($gray-shades, 500);
|
||||
}
|
||||
}
|
||||
|
||||
.dmz-button-theme {
|
||||
@extend %dmz-button;
|
||||
|
|
47
gui/app/styles/core/ui/ui-option.scss
Normal file
47
gui/app/styles/core/ui/ui-option.scss
Normal file
|
@ -0,0 +1,47 @@
|
|||
.ui-option-picker {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 0;
|
||||
|
||||
> .option {
|
||||
margin: 0;
|
||||
padding: 5px 11px;
|
||||
color: map-get($gray-shades, 600);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
|
||||
|
||||
&:hover {
|
||||
> .text {
|
||||
color: map-get($yellow-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
> .text {
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.00375rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .selected {
|
||||
> .text {
|
||||
color: map-get($yellow-shades, 700) !important;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-option-picker-horiz {
|
||||
> .option {
|
||||
display: inline-block;
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -3,8 +3,12 @@
|
|||
.ember-attacher-popper {
|
||||
background-color: $color-white;
|
||||
font-size: 1rem;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
@include border-radius(3px);
|
||||
-webkit-box-shadow: 3px 3px 33px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 3px 3px 33px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
// -webkit-box-shadow: 0 20px 66px 0 rgba(34,48,73,0.2);
|
||||
// box-shadow: 0 20px 66px 0 rgba(34,48,73,0.2);
|
||||
|
||||
@include border-radius(5px);
|
||||
|
||||
> p {
|
||||
margin: 4px;
|
||||
|
@ -31,7 +35,7 @@
|
|||
|
||||
&:hover {
|
||||
color: $color-black;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
background-color: map-get($yellow-shades, 100);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -84,6 +88,24 @@
|
|||
}
|
||||
}
|
||||
|
||||
> .closer {
|
||||
color: map-get($gray-shades, 500);
|
||||
font-weight: 300;
|
||||
font-size: 1.7rem;
|
||||
cursor: pointer;
|
||||
padding: 5px 5px 0 0;
|
||||
display: block;
|
||||
text-align: right;
|
||||
|
||||
&:hover {
|
||||
color: map-get($gray-shades, 700);
|
||||
}
|
||||
}
|
||||
|
||||
> .container {
|
||||
padding: 0 20px 20px 20px;
|
||||
}
|
||||
|
||||
> .form {
|
||||
padding: 20px;
|
||||
width: 300px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue