Files
wms-app/app/assets/css/custom.css
T
Thanakorn c957280aa5 Add Asset Management app
Assets from purchase invoice lines, straight-line depreciation/amortization with salvage value, disposals, and [Asset Mgmt] sources in Batch GL Entries. Green third workspace with an app access guard.
2026-09-15 09:50:55 +07:00

134 lines
3.5 KiB
CSS

html, body { overflow-x: hidden; }
/* Soft badges (app access badges: WMS orange, Accounting blue, Asset Management green) */
.bg-label-primary { background-color: var(--bs-primary-bg-subtle) !important; color: var(--bs-primary-text-emphasis) !important; }
.bg-label-info { background-color: #e0f2fe !important; color: #0369a1 !important; }
.bg-label-success { background-color: #dcfce7 !important; color: #15803d !important; }
.bg-label-secondary,
.bg-label-dark { background-color: #e9ecef !important; color: #343a40 !important; }
.flatpickr-day.selected {
background: var(--bs-primary) !important;
border-color: var(--bs-primary) !important;
}
.flatpickr-day.today {
border-color: var(--bs-primary) !important;
}
/* 1. Set the background to your theme's secondary color (#525252) */
.ui-state-active,
.ui-widget-content .ui-state-active {
background-color: #525252 !important;
/* Your --bs-secondary */
border: none !important;
margin: 0 !important;
border-radius: 0;
/* Keeps the highlight full-width */
}
/* 2. Change all text inside to white when hovered/active for contrast */
.ui-state-active .product-result-item div,
.ui-state-active .product-result-item span,
.ui-state-active .product-result-item {
color: #ffffff !important;
}
/* 3. Optional: Make the SKU slightly lighter on hover so it still looks distinct */
.ui-state-active div span {
opacity: 0.9;
}
/* Ensure the container matches your theme's input styling */
.ui-autocomplete {
background: #ffffff !important;
z-index: 9999 !important;
}
.ui-menu-item div {
cursor: pointer;
}
/* overriding tab-pane behaviour */
.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
/* or flex, depending on your layout */
}
/* When the button inside .nav-item-secondary is active */
.nav-item-secondary .nav-link.active {
background-color: var(--bs-secondary) !important;
border-color: var(--bs-secondary) !important;
color: #ffffff !important;
}
/* Optional: Ensure the hover state also uses the secondary color theme */
.nav-item-secondary .nav-link:hover:not(.active) {
color: var(--bs-secondary);
}
/* Custom pagination theme */
.page-item-secondary.active .page-link {
background-color: var(--bs-secondary) !important;
border-color: var(--bs-secondary) !important;
color: #fff !important;
}
/* Optional: Hover state for consistency */
.page-item-secondary .page-link:hover {
color: var(--bs-secondary);
}
/* Ensure the link itself is styled correctly when not active */
.page-item-secondary .page-link {
color: var(--bs-secondary);
}
.card-loader-overlay {
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.85);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
border-radius: inherit;
}
/* Keep logo-area pinned at top when sidebar nav scrolls */
.sidebar { padding-top: 0; }
.sidebar .logo-area { position: sticky; top: 0; z-index: 1; }
.logo-area img {
height: 48px;
width: auto;
transition: height 0.2s ease;
}
.sidebar.collapsed .logo-area img {
height: 28px !important;
}
@media (max-width: 991.98px) {
#topbar {
padding-right: 1.5rem !important;
}
#topbar > div:last-child {
margin-left: auto;
}
#topbar .dropdown {
margin-left: 0.5rem !important;
}
}
.wms-export-link { display:block; padding:2px 4px; border-radius:4px; color:#404040; text-decoration:none; transition: background .15s, color .15s; }
.wms-export-link:hover { background-color:#fae0d7; color:#b84a2e !important; }