diff --git a/src/assets/style.scss b/src/assets/style.scss index 7c7336b..67d7ee9 100644 --- a/src/assets/style.scss +++ b/src/assets/style.scss @@ -1,4 +1,5 @@ +@import "bootstrap/scss/bootstrap.scss"; + #app { - @import "bootstrap/scss/bootstrap.scss"; @import "niceAdmin.scss"; -} \ No newline at end of file +} diff --git a/src/components/TicketList.vue b/src/components/TicketList.vue index 0f67020..c3db619 100644 --- a/src/components/TicketList.vue +++ b/src/components/TicketList.vue @@ -19,7 +19,7 @@ const grid = new Grid({ formatter: (cell) => format(new Date(cell), 'dd/MM/yyyy HH:mm:ss') }, { name: 'Origine', - formatter: (cell, row) => html(`${cell}
${row.cells[3].data}`) + formatter: (cell, row) => html(`${cell}` + ((row.cells[3].data !== null) ? `
${row.cells[3].data}` : '')) }, {name: 'Origine 2', hidden: true}, diff --git a/src/style.css b/src/style.css index c68063c..acb31f6 100644 --- a/src/style.css +++ b/src/style.css @@ -24,4 +24,67 @@ body{ .fade-enter-from, .fade-leave-to { opacity: 0; -} \ No newline at end of file +} + +.gridjs-head { + padding: 10px 0 5px 0 !important; +} + +.gridjs-wrapper .green { + color: green; + font-weight: bold; +} + +.gridjs-wrapper .red { + color: red; + font-weight: bold; +} + +.gridjs-wrapper .orange { + color: orange; + font-weight: bold; +} + +.gridjs-wrapper .black { + color: black; +} + +/*.gridjs-footer,*/ +/*.gridjs-wrapper {*/ +/* width: 99% !important;*/ +/*}*/ + +.gridjs-wrapper { + font-size: 0.95rem !important; + border-top: 1px solid #e5e7eb !important; +} + +/*.gridjs-wrapper table td:last-child button{*/ +/* padding: 0.375rem*/ +/*}*/ + +/*@media (min-width: 1280px) {*/ +/* .gridjs-wrapper table td:last-child button{*/ +/* padding: 0.375rem 0.75rem;*/ +/* }*/ +/*}*/ + +tr.gridjs-tr:nth-child(odd) td { + background-color: #eeeded !important; +} + +th.gridjs-th { + white-space: normal !important; + color: #000000 !important; +} + +.gridjs-th-sort button { + border-width: 0; + color: white; + background-color: transparent !important; +} + + +.gridjs-wrapper tr:hover td{ + background-color: lightblue !important; +}