Oliver/ODOO4projects.com
Public Access
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Custom Quote modal text visibility and close button

Browse Source 
- Dark text (#171c26) for all form fields in modal on ivory background
- Explicit colors for labels, inputs, placeholders
- Close button (X) now visible with midnight background
This commit is contained in:
ODOO4projects Web Developer committed 2026-10-08 18:52:55 +00:00
1 parent 79f2a71d49
commit b003c221ce
5 files changed
+16 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+13 -5
View File
@@ -183,13 +183,21 @@
.oca-loading{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-size:.88rem}
/* Custom Quote Modal */
.ow-sub{font-size:.95rem;color:rgba(255,255,255,.7);margin-bottom:1.5rem}
.ow-panel input[type="text"],.ow-panel textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
.ow-panel input[type="text"],.ow-panel textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#171c26;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
.ow-panel input[type="text"]:focus,.ow-panel textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
.ow-panel textarea{min-height:100px;resize:vertical}
.ow-panel textarea::placeholder{color:rgba(255,255,255,.3)}
.ow-panel input[type="email"]::placeholder{color:rgba(255,255,255,.3)}
.ow-close{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s}
.ow-close:hover{color:var(--brass)}
.ow-panel textarea::placeholder{color:rgba(23,28,38,.3)}
.ow-panel input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
.ow-close{background:var(--midnight);border:1px solid var(--line);color:#fff;font-size:2rem;cursor:pointer;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s,background .2s;border-radius:var(--radius);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}
.ow-close:hover{color:var(--brass);background:var(--midnight-2)}
/* Custom Quote Modal overrides for biz-field inside ow-panel */
#customQuoteModal .biz-field label{color:#171c26}
#customQuoteModal .biz-field textarea{color:#171c26}
#customQuoteModal .biz-field textarea::placeholder{color:rgba(23,28,38,.3)}
#customQuoteModal .biz-field input[type="email"]{color:#171c26}
#customQuoteModal .biz-field input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
#customQuoteModal .biz-field input[type="text"]{color:#171c26}
#customQuoteModal .biz-field input[type="text"]::placeholder{color:rgba(23,28,38,.3)}
@media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}.ow-panel{left:5%;right:5%}.ow-close{top:.5rem;right:.5rem;font-size:1.6rem}}
</style>
<link rel="stylesheet" href="style.css" media="print" onload="this.media='all'" />