82 lines
1.6 KiB
SCSS
82 lines
1.6 KiB
SCSS
/* Define your theme modifications inside next mixin */
|
|
@mixin com_cmobile_unifiedtms-hover-ext {
|
|
.full-colored-cell {
|
|
width: 100%;
|
|
display: block;
|
|
padding: 6px 8px;
|
|
font-weight: bold;
|
|
color: white;
|
|
text-align: center;
|
|
border-radius: 4px; // optional
|
|
}
|
|
|
|
.table-container {
|
|
overflow-x: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.bordered-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
min-width: 1000px;
|
|
border: 2px solid #444; /* Outer border */
|
|
}
|
|
|
|
.bordered-table th,
|
|
.bordered-table td {
|
|
border: 1px solid #444; /* Visible cell borders */
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.bordered-table thead tr:first-child th {
|
|
background-color: #dceeff;
|
|
}
|
|
|
|
.bordered-table thead tr:nth-child(2) th {
|
|
background-color: #f0f8ff;
|
|
}
|
|
|
|
.bordered-table td a {
|
|
color: #0073e6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.bordered-table tfoot th,
|
|
.bordered-table tfoot td {
|
|
background-color: #f4f4f4; /* Light gray background */
|
|
font-weight: bold; /* Bold font */
|
|
border-top: 2px solid #444; /* Top border to separate from body */
|
|
text-align: center; /* Center align like the rest of the table */
|
|
padding: 10px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bg-green {
|
|
background-color: #4CAF50 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.bg-orange {
|
|
background-color: #FF9800 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.bg-red {
|
|
background-color: #F44336 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.bordered-table {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.bordered-table th,
|
|
.bordered-table td {
|
|
padding: 6px;
|
|
}
|
|
}
|
|
|
|
|
|
} |