From 63267ee7840c3ea8764f0315553acc4fa955e993 Mon Sep 17 00:00:00 2001 From: usmannasir Date: Thu, 3 Jul 2025 20:46:15 +0500 Subject: [PATCH] select box issue --- .../templates/manageSSL/sslForHostName.html | 33 +++++++++++++++++++ .../templates/manageSSL/sslForMailServer.html | 33 +++++++++++++++++++ .../templates/packages/deletePackage.html | 33 +++++++++++++++++++ .../templates/packages/modifyPackage.html | 33 +++++++++++++++++++ 4 files changed, 132 insertions(+) diff --git a/manageSSL/templates/manageSSL/sslForHostName.html b/manageSSL/templates/manageSSL/sslForHostName.html index e9ec739a5..5bf77ff7c 100644 --- a/manageSSL/templates/manageSSL/sslForHostName.html +++ b/manageSSL/templates/manageSSL/sslForHostName.html @@ -129,6 +129,39 @@ box-shadow: 0 0 0 3px rgba(91,95,207,0.1); } + /* Windows selectbox fixes */ + 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; + } + .btn-primary { background: #5b5fcf; border: 1px solid #5b5fcf; diff --git a/manageSSL/templates/manageSSL/sslForMailServer.html b/manageSSL/templates/manageSSL/sslForMailServer.html index 78c4af8ea..054fdcec3 100644 --- a/manageSSL/templates/manageSSL/sslForMailServer.html +++ b/manageSSL/templates/manageSSL/sslForMailServer.html @@ -129,6 +129,39 @@ box-shadow: 0 0 0 3px rgba(91,95,207,0.1); } + /* Windows selectbox fixes */ + 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; + } + .btn-primary { background: #5b5fcf; border: 1px solid #5b5fcf; diff --git a/packages/templates/packages/deletePackage.html b/packages/templates/packages/deletePackage.html index 6cd51ee18..3235e0690 100644 --- a/packages/templates/packages/deletePackage.html +++ b/packages/templates/packages/deletePackage.html @@ -95,6 +95,39 @@ box-shadow: 0 0 0 3px rgba(220,53,69,0.1); } + /* Windows selectbox fixes */ + select.form-control { + cursor: pointer; + -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; + } + + /* 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; + } + /* Package selector card */ .package-selector-card { background: #fff5f5; diff --git a/packages/templates/packages/modifyPackage.html b/packages/templates/packages/modifyPackage.html index c255f38fd..222a58888 100644 --- a/packages/templates/packages/modifyPackage.html +++ b/packages/templates/packages/modifyPackage.html @@ -100,6 +100,39 @@ cursor: not-allowed; } + /* Windows selectbox fixes */ + select.form-control { + cursor: pointer; + -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; + } + + /* 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; + } + /* Package selector card */ .package-selector-card { background: #f8f9ff;