114 lines
3.1 KiB
CSS
114 lines
3.1 KiB
CSS
|
|
/* Remove outer table border */
|
|
.tabulator {
|
|
border: none !important;
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
/* Remove header and row cell borders */
|
|
.tabulator-header,
|
|
.tabulator-header .tabulator-col,
|
|
.tabulator-tableholder,
|
|
.tabulator-table,
|
|
.tabulator-row,
|
|
.tabulator-row .tabulator-cell {
|
|
border: none !important;
|
|
}
|
|
|
|
/* Remove column header bottom border and row separators */
|
|
.tabulator-header {
|
|
border-bottom: none !important;
|
|
background-color: transparent !important;
|
|
/*border-top-left-radius: 25%;*/
|
|
/*border-top-right-radius: 25%;*/
|
|
}
|
|
.tabulator-row {
|
|
border-bottom: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* Remove look on hover/selected without borders */
|
|
.tabulator-row:hover {
|
|
box-shadow: none !important;
|
|
}
|
|
.tabulator-row.tabulator-selected {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.tabulator-row.tabulator-row-odd {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* Rounded border for images in cells */
|
|
.tabulator-cell img {
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
}
|
|
/* Scope to this table only */
|
|
.tabulator,
|
|
.tabulator-header,
|
|
.tabulator-header .tabulator-header-contents,
|
|
.tabulator-header .tabulator-col{
|
|
background: none !important;
|
|
}
|
|
|
|
.tabulator-footer {border-top: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.tabulator-footer .tabulator-page.active{
|
|
background-color: var(--primary-blue-light) !important;
|
|
border: 1px solid var(--primary-blue-light) !important;
|
|
color: #FFFFFF/* text color */ !important
|
|
}
|
|
.tabulator-footer .tabulator-page {
|
|
background-color: transparent !important;
|
|
border: 1px solid var(--primary-blue-light) !important;
|
|
color: var(--black-font)/* text color */ !important;
|
|
}
|
|
.tabulator-footer .tabulator-page:hover,
|
|
.tabulator-footer .tabulator-page.active:hover{
|
|
background-color: var(--primary-blue-dark) !important;
|
|
border: 1px solid var(--primary-blue-dark) !important;
|
|
color: #FFFFFF/* text color */ !important
|
|
}
|
|
|
|
.tabulator-footer select{
|
|
border: 1px solid var(--primary-blue-light) !important;
|
|
background-color: transparent !important;
|
|
color: var(--black-font)/* text color */ !important;
|
|
}
|
|
|
|
.tabulator-header input{
|
|
border: 0;
|
|
border-radius: 10px;
|
|
height: 40px;
|
|
background-color: lightgray !important;
|
|
padding-left: 15px !important;
|
|
}
|
|
.tabulator-header input::placeholder{
|
|
color: var(--black-font) !important;
|
|
font-size: 14px !important;
|
|
opacity: 1 !important; /* Firefox */
|
|
}
|
|
|
|
.tabulator-header input:focus {
|
|
border:0;
|
|
}
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-col-title {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
/* Select hover Désactivé pour l'instant car jpp faire de jolie style */
|
|
/*#tabulator-org .tabulator-footer select:hover {*/
|
|
/* border: 1px solid var(--primary-blue-dark) !important;*/
|
|
/* background-color: var(--primary-blue-dark) !important;*/
|
|
/* color: #fff !important;*/
|
|
/*}*/
|
|
|
|
/*.tabulator-footer select:focus {*/
|
|
/* border: 1px solid var(--primary-blue-dark) !important;*/
|
|
/* outline: none !important;*/
|
|
/* background-color: var(--primary-blue-dark) !important;*/
|
|
/* color: #fff !important;*/
|
|
/*}*/ |