Message list customizations
message-list
Css
.message-list .message-badge{
background-color : #0073ce;
color: white;
}
.message-list .border-end-dotted{
border-right-style: dotted;
opacity: 0.25;
}
.message-list .message-title{
color: #002b4e;
}
.message-list .message-category{
color: #333333;
}
.message-list .message-summary p {
margin-bottom:0;
}
.message-list .showHiddenImages{
background-color: #CDD6ED
}
.message-list .showHiddenImages span{
color: #6C7FAA
}
Utilities menu
utilities-menu
Css
.utilities-menu .utilities-menu-add-vin .icon-3{
transform: scale(1.25);
}
Custom product add to cart
add-to-cart-custom-product
Css
.add-to-cart-custom-product textarea{
min-height:150px;
}
three columns with vertical navigation
three-columns-vertical-navigation
Css
.three-columns-vertical-navigation .grid .item_swift_navigation{
margin-inline-end: 0;
}
Hide prices row
hide-prices-row
Css
Dropdown Menu
dropdown-item-border
Css
.dropdown-item-border{
.dropdown-navigation .offcanvas-submenu {
& > li {
border-bottom: 1px solid #3486e06e;
}
&:last-child > li {
border-bottom: none;
}
}
.dropdown-menu, .offcanvas-dropdown-menu {
padding-left: 8px!important;
padding-right: 8px!important;
}
}
Warranty Print Page - Header
warranty-print-header
Css
.warranty-print-header{
border-bottom: 7px solid black;
}
Warranty Print Page - Section header
warranty-print-section-header
Css
.warranty-print-section-header{
border-top: 3px solid black;
}
Warranty Print Page - Datalist with border bottom on column values
warranty-print-datalist-with-borders
Css
.warranty-print-datalist-with-borders .text-break{
border-bottom: 1px solid #d9d9d9 !important;
}
Warranty print page - footer
warranty-print-footer
Css
@media print{
.warranty-print-footer {
position:fixed;
bottom:0;
width:100%;
}
}
Warranty print page - Datalist gap 0
warranty-print-datalist-gap-0
Css
.warranty-print-datalist-gap-0 .item_custom__datalistapp .grid{
gap: 0;
}
RGA Print - Datalist App Detail
rga-print-datalist-app-detail
Css
@media print{
.rga-print-datalist-app-detail .grid {
gap: 0;
font-size: small;
}
}
RGA Print - Footer text
rga-print-footer-text
Css
@media print{
@page{
margin:0;
}
body{
height:100%;
}
.rga-print-footer-text{
line-height:1;
position:absolute;
bottom:0;
border-top:1px solid black;
page-break-after:always;
}
.rga-print-footer-text p{
font-size:x-small;
margin-bottom:0
padding-bottom:0;
}
}
Invoice Print - Table
invoice-print-table
Css
.invoice-print-table{
line-height: normal;
td{
padding:0;
border-bottom:0;
}
th{
padding:0;
}
th:nth-child(n+3),
td:nth-child(n+3){
text-align:right;
padding-left: 5px;
}
}
Invoice Print - DatalistAppDetail
invoice-print-datalist-app-detail
Css
.invoice-print-datalist-app-detail .item_custom__datalistappdetail {
font-size:smaller;
line-height:1;
}
.invoice-print-datalist-app-detail .item_custom__datalistappdetail .grid{
gap:0;
}
.invoice-print-datalist-app-detail .item_custom__datalistappdetail ul{
list-style-type: none;
padding: 0;
margin-bottom: 0;
}
Invoice Print - Totals
invoice-print-totals
Css
.invoice-print-totals .item_custom__datalistappdetail .fw-bold{
text-align: end;
margin-right:1em;
}
.invoice-print-totals .item_custom__datalistappdetail .text-break {
text-align: end;
margin-right: 1em;
}
Invoice Print - Footer
invoice-print-footer
Css
.invoice-print-footer{
font-size: x-small;
}
.invoice-print-footer .text-inherit{
max-width:100ch !important;
}
Invoice Print - Sales Order Note
invoice-print-sales-order-note
Css
.invoice-print-sales-order-note {
font-size: smaller;
}
.invoice-print-sales-order-note .grid{
margin-left:20%;
}
.invoice-print-sales-order-note .fw-bold {
text-align: left;
border-bottom: 1px solid black;
}
Row - Border Top
row-border-top
Css
.row-border-top .container-xl{
border-top: 1px solid black;
padding-top:0.2%
}
Row - Border Left
row-border-left
Css
.row-border-left .container-xl{
border-left: 1px solid black;
}
@media print{
body{
margin:1%;
}
}
Row - Border Right
row-border-right
Css
.row-border-right .container-xl{
border-right: 1px solid black;
}
@media print{
body{
margin:1%;
}
}
Row - Border Bottom
row-border-bottom
Css
.row-border-bottom .container-xl{
border-bottom: 1px solid black;
padding-bottom:0.2%;
}
Invoice Print - Plant Info
invoice-print-plant-info
Css
.invoice-print-plant-info ul{
columns:5;
list-style-type: none;
font-size: 0.9em;
}
Invoice Account Statement Report - Footer Text
invoice-account-statement-footer
Css
.invoice-account-statement-footer{
font-size: x-small;
}
.invoice-account-statement-footer .text-inherit{
max-width:100ch !important;
}
Invoice Account Statement Report - Statement Period
invoice-account-statement-period
Css
.invoice-account-statement-period .none{
width: 25% !important;
margin-left: auto;
}
Pre-Auth print - SubHeader
pre-aauth-print-header
Css
.pre-aauth-print-header{
border-bottom: 2px solid black;
h2{
font-size: large;
}
}
Pre-Auth Print - Table
pre-auth-print-table
Css
.pre-auth-print-table{
td{
padding:0;
border-bottom:0;
font-size: x-small;
}
th{
padding:0;
font-size: small;
}
}
Pre-Auth Print - DatalistAppDetail
pre-auth-print-datalist-app-detail
Css
.pre-auth-print-datalist-app-detail .item_custom__datalistappdetail {
font-size: x-small;
line-height: 1;
}
.pre-auth-print-datalist-app-detail .item_custom__datalistappdetail .grid{
gap: 0;
div:nth-child(2) {
grid-column: auto / span 1;
}
div:nth-child(6) {
margin-right: 30px;
}
}
Pre-Auth Print - Header
pre-auth-print-header
Css
.pre-auth-print-header{
}
Pre-Auth Print - Footer
pre-auth-print-footer
Css
.pre-auth-print-footer{
font-size: x-small;
line-height: normal;
}
.pre-auth-print-footer .text-inherit{
max-width:100ch !important;
}
Claim Tag Print - Footer
claim-tag-print-footer
Css
.claim-tag-print-footer{
font-size: x-small;
line-height: normal;
}
.claim-tag-print-footer .text-inherit{
max-width:100ch !important;
}
Row Table
row-table
Css
.row-table .grid .g-col
{
overflow: hidden;
}