1
0
Fork 0
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:
Harvey Kandola 2017-10-11 16:05:24 -04:00
parent 785d12191e
commit 1e3f8e51f0
18 changed files with 787 additions and 686 deletions

View file

@ -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;

View file

@ -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;

View file

@ -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;
// }
// }

View file

@ -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;

View file

@ -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;
}