fix: Custom Quote modal text visibility and close button

- 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

No files matched your search

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

+13 -5
View File
@@ -183,13 +183,21 @@
.oca-loading{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-size:.88rem} .oca-loading{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-size:.88rem}
/* Custom Quote Modal */ /* Custom Quote Modal */
.ow-sub{font-size:.95rem;color:rgba(255,255,255,.7);margin-bottom:1.5rem} .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 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{min-height:100px;resize:vertical}
.ow-panel textarea::placeholder{color:rgba(255,255,255,.3)} .ow-panel textarea::placeholder{color:rgba(23,28,38,.3)}
.ow-panel input[type="email"]::placeholder{color:rgba(255,255,255,.3)} .ow-panel input[type="email"]::placeholder{color:rgba(23,28,38,.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{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)} .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}} @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> </style>
<link rel="stylesheet" href="style.css" media="print" onload="this.media='all'" /> <link rel="stylesheet" href="style.css" media="print" onload="this.media='all'" />
+1 -1
View File
@@ -164,7 +164,7 @@ Please note: it does not cover general Odoo usage or functional questions.
<script> <script>
// Configuration - use your webhook // Configuration - use your webhook
const WEBHOOK = 'https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/702862fd-dd17-4a34-8efb-e9056d2c50df/chat'; const WEBHOOK = 'https://n8n.odoo4projects.com/webhook/960d7f0f-d0ef-42a5-a8f1-79db6a7d70bd/chat';
const messagesEl = document.getElementById('messagesInner'); const messagesEl = document.getElementById('messagesInner');
const input = document.getElementById('messageInput'); const input = document.getElementById('messageInput');
+1 -1
View File
@@ -3,7 +3,7 @@
const baseUrl = '/static/agent-odoo4projects'; const baseUrl = '/static/agent-odoo4projects';
const config = { const config = {
cssUrl: `${baseUrl}/agent.css`, // CSS file cssUrl: `${baseUrl}/agent.css`, // CSS file
api: `https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/702862fd-dd17-4a34-8efb-e9056d2c50df/chat`, // Backend webhook endpoint api: `https://n8n.odoo4projects.com/webhook/960d7f0f-d0ef-42a5-a8f1-79db6a7d70bd/chat`, // Backend webhook endpoint
buttonImage: `${baseUrl}/images/4.svg`, // Chat toggle button image buttonImage: `${baseUrl}/images/4.svg`, // Chat toggle button image
logoImage: `${baseUrl}/images/logo.svg`, // Logo image for chat widget logoImage: `${baseUrl}/images/logo.svg`, // Logo image for chat widget
preamble: '🤔 This is the ODOO4Projects sales agent 🛠️. Besides Sales, he can help revert module installations or restart your server using your UUID and a confirmation email. 📬 For human follow-up, leave your email.' // Initial bot message preamble: '🤔 This is the ODOO4Projects sales agent 🛠️. Besides Sales, he can help revert module installations or restart your server using your UUID and a confirmation email. 📬 For human follow-up, leave your email.' // Initial bot message
+1 -1
View File
@@ -663,7 +663,7 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
transition: all 0.2s; transition: all 0.2s;
} }
.ow-close:hover { background: var(--cream); color: var(--ink); } .ow-close:hover { background: var(--cream); color: var(--ink); }
.ow-content { padding: 2rem; } .ow-content { padding: 2rem; color: var(--ink); }
.ow-title { font-family: Marcellus, Georgia, serif; font-size: clamp(1rem, 2vw, 1.24rem); margin-bottom: 0.5rem; color: var(--midnight); } .ow-title { font-family: Marcellus, Georgia, serif; font-size: clamp(1rem, 2vw, 1.24rem); margin-bottom: 0.5rem; color: var(--midnight); }
.ow-price { font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 1rem; } .ow-price { font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 1rem; }
.ow-price .ow-price-amount { font-size: 1rem; font-weight: 600; color: var(--midnight); } .ow-price .ow-price-amount { font-size: 1rem; font-weight: 600; color: var(--midnight); }