Public Access
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:
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
@@ -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'" />
|
||||
|
||||
+1
-1
@@ -164,7 +164,7 @@ Please note: it does not cover general Odoo usage or functional questions.
|
||||
|
||||
<script>
|
||||
// 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 input = document.getElementById('messageInput');
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
const baseUrl = '/static/agent-odoo4projects';
|
||||
const config = {
|
||||
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
|
||||
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
|
||||
|
||||
@@ -663,7 +663,7 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.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-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); }
|
||||
|
||||
Reference in new issue
Block a user