felipe.aquino/cae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

definicao de layout

Browse Source
This commit is contained in:
Felipe AQUINO
2026-02-06 14:37:54 +00:00
parent 872a5bb3ea
commit a4f80c85c2
2686 changed files with 640668 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
public/assets/scss/jsgrid/_jsgrid.scss Normal file
View File

@@ -0,0 +1,167 @@
@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;
}