167 lines
2.9 KiB
SCSS
167 lines
2.9 KiB
SCSS
@import "../theme/variables";
|
||
.jsgrid {
|
||
position: relative;
|
||
overflow: hidden;
|
||
font-size: 1em;
|
||
//Instead of the line below you could use @include box-sizing($bs)
|
||
box-sizing: border-box;
|
||
* {
|
||
//Instead of the line below you could use @include box-sizing($bs)
|
||
box-sizing: border-box;
|
||
}
|
||
:after {
|
||
//Instead of the line below you could use @include box-sizing($bs)
|
||
box-sizing: border-box;
|
||
}
|
||
:before {
|
||
//Instead of the line below you could use @include box-sizing($bs)
|
||
box-sizing: border-box;
|
||
}
|
||
input {
|
||
font-size: 1em;
|
||
}
|
||
select {
|
||
font-size: 1em;
|
||
}
|
||
textarea {
|
||
font-size: 1em;
|
||
}
|
||
}
|
||
.jsgrid-grid-header {
|
||
overflow-x: hidden;
|
||
overflow-y: scroll;
|
||
//Instead of the line below you could use @include user-select($select)
|
||
user-select: none;
|
||
}
|
||
.jsgrid-grid-body {
|
||
overflow-x: auto;
|
||
overflow-y: scroll;
|
||
}
|
||
.jsgrid-table {
|
||
width: 100%;
|
||
table-layout: fixed;
|
||
border-collapse: collapse;
|
||
border-spacing: 0;
|
||
}
|
||
.jsgrid-cell {
|
||
padding: .5em;
|
||
}
|
||
.jsgrid-header-cell {
|
||
//Instead of the line below you could use @include box-sizing($bs)
|
||
box-sizing: border-box;
|
||
padding: .5em;
|
||
}
|
||
.jsgrid-сell {
|
||
//Instead of the line below you could use @include box-sizing($bs)
|
||
box-sizing: border-box;
|
||
}
|
||
.jsgrid-align-left {
|
||
text-align: left;
|
||
}
|
||
.jsgrid-align-center {
|
||
text-align: center;
|
||
input {
|
||
text-align: center;
|
||
}
|
||
select {
|
||
text-align: center;
|
||
}
|
||
textarea {
|
||
text-align: center;
|
||
}
|
||
}
|
||
.jsgrid-align-right {
|
||
text-align: right;
|
||
input {
|
||
text-align: right;
|
||
}
|
||
select {
|
||
text-align: right;
|
||
}
|
||
textarea {
|
||
text-align: right;
|
||
}
|
||
}
|
||
.jsgrid-edit-row {
|
||
input {
|
||
width:100%;
|
||
padding:.3em .5em;
|
||
|
||
}
|
||
select {
|
||
width: 100%;
|
||
padding: .3em .5em;
|
||
}
|
||
textarea {
|
||
width: 100%;
|
||
padding: .3em .5em;
|
||
}
|
||
input[type=checkbox] {
|
||
width: auto;
|
||
}
|
||
}
|
||
.jsgrid-filter-row {
|
||
input {
|
||
width:100%;
|
||
padding:.3em .5em;
|
||
background-color:$light-background;
|
||
border:none;
|
||
box-shadow: none;
|
||
outline:none;
|
||
}
|
||
select {
|
||
width: 100%;
|
||
padding: .3em .5em;
|
||
background-color:$light-background;
|
||
border:none;
|
||
box-shadow: none;
|
||
outline:none;
|
||
}
|
||
textarea {
|
||
width: 100%;
|
||
padding: .3em .5em;
|
||
}
|
||
input[type=checkbox] {
|
||
width: auto;
|
||
}
|
||
}
|
||
.jsgrid-insert-row {
|
||
input {
|
||
width: 100%;
|
||
padding: .3em .5em;
|
||
}
|
||
select {
|
||
width: 100%;
|
||
padding: .3em .5em;
|
||
}
|
||
textarea {
|
||
width: 100%;
|
||
padding: .3em .5em;
|
||
}
|
||
input[type=checkbox] {
|
||
width: auto;
|
||
}
|
||
}
|
||
.jsgrid-header-sort {
|
||
cursor: pointer;
|
||
}
|
||
.jsgrid-pager {
|
||
padding: .5em 0;
|
||
}
|
||
.jsgrid-pager-nav-button {
|
||
padding: .2em .6em;
|
||
}
|
||
.jsgrid-pager-nav-inactive-button {
|
||
display: none;
|
||
pointer-events: none;
|
||
}
|
||
.jsgrid-pager-page {
|
||
padding: .2em .6em;
|
||
}
|
||
.jsgrid-selected-row .jsgrid-cell {
|
||
cursor: pointer;
|
||
}
|
||
.jsgrid-nodata-row .jsgrid-cell {
|
||
padding: .5em 0;
|
||
text-align: center;
|
||
} |