From eb0b01d8b158d2dfa6de334e94e021fbb3532f4f Mon Sep 17 00:00:00 2001 From: usmannasir Date: Thu, 3 Jul 2025 16:17:48 +0500 Subject: [PATCH] select box issue --- .../templates/manageSSL/v2ManageSSL.html | 33 +++++++++++ .../templates/websiteFunctions/website.html | 56 +++++++++++++++++++ 2 files changed, 89 insertions(+) diff --git a/manageSSL/templates/manageSSL/v2ManageSSL.html b/manageSSL/templates/manageSSL/v2ManageSSL.html index f08125c05..6cd8f0542 100644 --- a/manageSSL/templates/manageSSL/v2ManageSSL.html +++ b/manageSSL/templates/manageSSL/v2ManageSSL.html @@ -166,6 +166,39 @@ box-shadow: 0 0 0 3px rgba(91,95,207,0.1); } + /* Windows selectbox fix */ + select.form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f3640' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 12px center; + background-size: 20px; + padding-right: 40px; + line-height: 1.5; + min-height: 44px; + color: #2f3640; + } + + /* Windows-specific fixes */ + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + select.form-control { + color: #2f3640 !important; + background-color: white !important; + } + } + + /* Fix for Windows Edge and Chrome */ + select.form-control::-ms-expand { + display: none; + } + + select.form-control:focus { + color: #2f3640; + background-color: white; + } + textarea.form-control { resize: vertical; font-family: 'Monaco', 'Consolas', 'Courier New', monospace; diff --git a/websiteFunctions/templates/websiteFunctions/website.html b/websiteFunctions/templates/websiteFunctions/website.html index cb57fa099..590fb901c 100644 --- a/websiteFunctions/templates/websiteFunctions/website.html +++ b/websiteFunctions/templates/websiteFunctions/website.html @@ -317,6 +317,38 @@ box-shadow: 0 0 0 3px rgba(91,95,207,0.1); } + /* General select Windows fix for ALL selectboxes */ + select.form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f3640' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 12px center; + background-size: 20px; + padding-right: 40px; + line-height: 1.5; + min-height: 38px; + color: #2f3640; + } + + /* Windows-specific fixes for ALL selectboxes */ + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + select.form-control { + color: #2f3640 !important; + background-color: white !important; + } + } + + /* Fix for Windows Edge and Chrome for ALL selectboxes */ + select.form-control::-ms-expand { + display: none; + } + + select.form-control:focus { + color: #2f3640; + } + /* Modal styles */ .modal { display: none; @@ -660,12 +692,36 @@ padding: 12px 16px; font-size: 14px; color: #1e293b; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 12px center; + background-size: 20px; + padding-right: 40px; + line-height: 1.5; + min-height: 44px; + } + + /* Windows-specific fixes */ + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .form-horizontal.bordered-row select.form-control { + color: #1e293b !important; + background-color: #f8fafc !important; + } + } + + /* Fix for Windows Edge and Chrome */ + .form-horizontal.bordered-row select.form-control::-ms-expand { + display: none; } .form-horizontal.bordered-row select.form-control:focus { background: white; border-color: #5b5fcf; box-shadow: 0 0 0 4px rgba(91, 95, 207, 0.1); + color: #1e293b; } /* Style for label */