MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Added scss

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-05 10:41:45 -05:00
parent a0cf6db4b8
commit f023f1d77c
170 changed files with 32386 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/tables/_data-table.scss
+104
View File
@@ -0,0 +1,104 @@
.datatable-wrapper {
table {
tfoot {
display: none;
}
}
}
table.dataTable{
thead{
.sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled{
&:before, &:after{
bottom:0.8em;
}
}
}
}
.dataTables_wrapper {
@include mobile-portrait-sm {
div.row {
margin: 10px 0px !important;
}
div[class^="col-"]:last-child {
padding: 0;
}
div[class^="col-"]:first-child {
padding: 0;
}
.dataTables_info {
padding-top:0 !important;
text-align: left !important;
}
.pagination {
justify-content: flex-start !important;
margin-top:10px !important;
}
}
@include mobile-portrait-xs {
div.row {
margin: 10px 0px !important;
}
div[class^="col-"]:last-child {
padding: 0;
}
div[class^="col-"]:first-child {
padding: 0;
}
.dataTables_info {
padding-top: 0 !important;
text-align: left !important;
}
.pagination {
justify-content: flex-start !important;
margin-top:10px !important;
}
}
}
.table-striped{
tbody {
tr:nth-of-type(odd){
background: $light-gray;
}
}
}
.table {
> thead {
> tr {
> th {
vertical-align: middle;
white-space: nowrap;
}
}
}
> tbody {
> tr {
> td{
vertical-align: middle;
white-space: nowrap;
}
}
}
}
.tabledit-toolbar {
flex-wrap: nowrap;
.btn {
margin-right: 6px;
border-radius: 0.2rem !important;
&:last-child {
margin-right: 0;
}
}
.tabledit-save-button {
margin-left:6px;
margin-right: 0;
}
.tabledit-confirm-button {
margin-left:6px;
margin-right: 0;
}
}
src/css/tables/_export-table.scss
+54
View File
@@ -0,0 +1,54 @@
.tableexport-caption {
display: table-caption;
padding:0;
margin-bottom:15px;
.btn{
line-height: 1;
background-color: $primary;
color:#fff;
padding: 9px 10px;
margin:0;
margin-right:10px;
&:first-child{
margin-left:0px;
}
&.xlsx{
&:before{
background:url('../img/export/xlsx.svg') no-repeat center;
}
}
&.csv{
&:before{
background:url('../img/export/csv.svg') no-repeat center;
}
}
&.txt{
&:before{
background:url('../img/export/txt.svg') no-repeat center;
}
}
&:focus{
box-shadow:none;
}
@include mobile-portrait-sm {
margin:0 0 5px 0;
}
@include mobile-portrait-xs {
margin:0 0 5px 0;
}
}
}
.csv, .txt, .xls, .xlsx{
&:before{
box-shadow:none;
padding: 4px 10px 4px;
}
}
src/css/tables/_table-color.scss
+159
View File
@@ -0,0 +1,159 @@
.table {
&-primary {
@include hex-rgba($primary, 0.1);
color:$primary;
th {
@include hex-rgba($primary, 0.1);
color:$primary;
border-color: $white !important;
}
td {
@include hex-rgba($primary, 0.1);
color:$primary;
border-color: $white !important;
}
}
&-secondary {
@include hex-rgba($secondary, 0.1);
color:$secondary;
th {
@include hex-rgba($secondary, 0.1);
color:$secondary;
border-color: $white !important;
}
td {
@include hex-rgba($secondary, 0.1);
color:$secondary;
border-color: $white !important;
}
}
&-info {
@include hex-rgba($info, 0.1);
color:$info;
th {
@include hex-rgba($info, 0.1);
color:$info;
border-color: $white !important;
}
td {
@include hex-rgba($info, 0.1);
color:$info;
border-color: $white !important;
}
}
&-warning {
@include hex-rgba($warning, 0.1);
color:$warning;
th {
@include hex-rgba($warning, 0.1);
color:$warning;
border-color: $white !important;
}
td {
@include hex-rgba($warning, 0.1);
color:$warning;
border-color: $white !important;
}
}
&-danger {
@include hex-rgba($danger, 0.1);
color:$danger;
th {
@include hex-rgba($danger, 0.1);
color:$danger;
border-color: $white !important;
}
td {
@include hex-rgba($danger, 0.1);
color:$danger;
border-color: $white !important;
}
}
&-success {
@include hex-rgba($success, 0.1);
color:$success;
th {
@include hex-rgba($success, 0.1);
color:$success;
border-color: $white !important;
}
td {
@include hex-rgba($success, 0.1);
color:$success;
border-color: $white !important;
}
}
&-orange {
@include hex-rgba($orange, 0.1);
color:$orange;
th {
@include hex-rgba($orange, 0.1);
color:$orange;
border-color: $white !important;
}
td {
@include hex-rgba($orange, 0.1);
color:$orange;
border-color: $white !important;
}
}
&-pink {
@include hex-rgba($pink, 0.1);
color:$pink;
th {
@include hex-rgba($pink, 0.1);
color:$pink;
border-color: $white !important;
}
td {
@include hex-rgba($pink, 0.1);
color:$pink;
border-color: $white !important;
}
}
&-yellow {
@include hex-rgba($yellow, 0.1);
color:$yellow;
th {
@include hex-rgba($yellow, 0.1);
color:$yellow;
border-color: $white !important;
}
td {
@include hex-rgba($yellow, 0.1);
color:$yellow;
border-color: $white !important;
}
}
&-red {
@include hex-rgba($danger, 0.1);
color:$danger;
th {
@include hex-rgba($danger, 0.1);
color:$danger;
border-color: $white !important;
}
td {
@include hex-rgba($danger, 0.1);
color:$danger;
border-color: $white !important;
}
}
&-cyan {
@include hex-rgba($cyan, 0.1);
color:$cyan;
th {
@include hex-rgba($cyan, 0.1);
color:$cyan;
border-color: $white !important;
}
td {
@include hex-rgba($cyan, 0.1);
color:$cyan;
border-color: $white !important;
}
}
}