mirror of
https://github.com/documize/community.git
synced 2025-08-02 20:15:26 +02:00
sticky form headers, category improvements, dropdown improvements
This commit is contained in:
parent
785d12191e
commit
1e3f8e51f0
18 changed files with 787 additions and 686 deletions
|
@ -1,3 +1,15 @@
|
|||
@mixin sticky()
|
||||
{
|
||||
position: -webkit-sticky;
|
||||
position: -moz-sticky;
|
||||
position: -ms-sticky;
|
||||
position: -o-sticky;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
display: flex;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
}
|
||||
@mixin box-shadow($spec)
|
||||
{
|
||||
-webkit-box-shadow: $spec;
|
||||
|
|
|
@ -27,6 +27,22 @@
|
|||
}
|
||||
}
|
||||
|
||||
.document-category-dialog {
|
||||
height: 200px;
|
||||
overflow-y: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
// // Medium devices (tablets, 768px and up)
|
||||
// @media (min-width: 768px) { height: 300px; }
|
||||
|
||||
// // Large devices (desktops, 992px and up)
|
||||
// @media (min-width: 992px) { height: 400px; }
|
||||
|
||||
// // Extra large devices (large desktops, 1200px and up)
|
||||
// @media (min-width: 1200px) { height: 500px; }
|
||||
}
|
||||
|
||||
.document-tags {
|
||||
margin: 20px 0 0 0;
|
||||
|
||||
|
|
|
@ -141,7 +141,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.space-filter {
|
||||
display: inline-block;
|
||||
margin: 0 30px 30px 0;
|
||||
|
@ -176,9 +175,3 @@
|
|||
margin: 0 0 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// .category-filter {
|
||||
// > .selected {
|
||||
// // @extend .button-nav;
|
||||
// }
|
||||
// }
|
||||
|
|
|
@ -3,12 +3,13 @@
|
|||
@include content-container();
|
||||
@include ease-in();
|
||||
@extend .transition-all;
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
|
||||
.permissions-table {
|
||||
padding: 0;
|
||||
margin: 0 0 30px 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
|
||||
> .row {
|
||||
padding: 8px 0;
|
||||
|
|
|
@ -203,6 +203,47 @@
|
|||
}
|
||||
}
|
||||
|
||||
.form-header-sticky {
|
||||
@include sticky();
|
||||
top: 0;
|
||||
padding: 20px 0;
|
||||
background-color: $color-white;
|
||||
|
||||
> .left-zone {
|
||||
float: left;
|
||||
text-align: left;
|
||||
width: 65%;
|
||||
background-color: $color-white;
|
||||
|
||||
> .title {
|
||||
font-size: 1.4rem;
|
||||
font-weight: normal;
|
||||
font-family: $font-semibold;
|
||||
pointer-events: none;
|
||||
font-weight: bold;
|
||||
color: $color-off-black;
|
||||
@extend .no-select;
|
||||
}
|
||||
|
||||
> .tip {
|
||||
color: $color-input;
|
||||
font-size: 1.2rem;
|
||||
margin: 5px 0 30px;
|
||||
padding: 0;
|
||||
font-family: $font-light;
|
||||
text-align: left;
|
||||
@extend .no-select;
|
||||
}
|
||||
}
|
||||
|
||||
> .right-zone {
|
||||
float: right;
|
||||
text-align: right;
|
||||
width: 30%;
|
||||
background-color: $color-white;
|
||||
}
|
||||
}
|
||||
|
||||
.form-divider {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue