From 65590357b90f8a41ce333319e18097386c91b815 Mon Sep 17 00:00:00 2001 From: usmannasir Date: Wed, 2 Jul 2025 01:04:36 +0500 Subject: [PATCH] bug fix: https://www.facebook.com/groups/cyberpanel/posts/3909980285980257 --- .../templates/baseTemplate/homePage.html | 13 +- .../templates/mailServer/listEmails.html | 139 ++++++++++++++---- .../templates/userManagment/listUsers.html | 78 ++++++---- .../websiteFunctions/deleteWebsite.html | 71 +++++++++ .../websiteFunctions/modifyWebsite.html | 71 +++++++++ .../websiteFunctions/suspendWebsite.html | 71 +++++++++ 6 files changed, 387 insertions(+), 56 deletions(-) diff --git a/baseTemplate/templates/baseTemplate/homePage.html b/baseTemplate/templates/baseTemplate/homePage.html index 10382e6b0..a361fa18c 100644 --- a/baseTemplate/templates/baseTemplate/homePage.html +++ b/baseTemplate/templates/baseTemplate/homePage.html @@ -4,6 +4,11 @@ {% block header_scripts %} diff --git a/websiteFunctions/templates/websiteFunctions/deleteWebsite.html b/websiteFunctions/templates/websiteFunctions/deleteWebsite.html index 59b93c447..8aec3b21d 100644 --- a/websiteFunctions/templates/websiteFunctions/deleteWebsite.html +++ b/websiteFunctions/templates/websiteFunctions/deleteWebsite.html @@ -85,6 +85,43 @@ transition: all 0.2s ease; } + /* Specific styling for select elements to fix Windows visibility issues */ + select.form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: white; + 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='%23dc3545' 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 10px center; + background-size: 20px; + padding-right: 40px; + color: #2f3640 !important; + font-size: 14px !important; + line-height: 1.5; + height: auto; + min-height: 42px; + } + + /* Ensure option text is visible */ + select.form-control option { + color: #2f3640; + background-color: white; + padding: 8px; + font-size: 14px; + } + + /* Fix for Windows high contrast mode */ + @media screen and (-ms-high-contrast: active) { + select.form-control { + border: 2px solid; + } + select.form-control option { + background: white; + color: black; + } + } + .form-control:hover { border-color: #dc3545; } @@ -95,6 +132,12 @@ box-shadow: 0 0 0 3px rgba(220,53,69,0.1); } + /* Specific focus styles for select */ + select.form-control:focus { + background-color: white; + color: #2f3640; + } + /* Website selector card */ .website-selector-card { background: #fff5f5; @@ -349,6 +392,34 @@ display: none; } + /* Additional Windows-specific fixes */ + @supports (-ms-ime-align: auto) { + /* Edge/IE specific styles */ + select.form-control { + color: #2f3640 !important; + background-color: white !important; + } + } + + /* Fix for Firefox on Windows */ + @-moz-document url-prefix() { + select.form-control { + color: #2f3640 !important; + text-shadow: none; + } + } + + /* Ensure selected option is always visible */ + select.form-control::-ms-value { + color: #2f3640; + background-color: white; + } + + /* Fix for Chrome on Windows */ + select.form-control:not(:focus):not(:hover) { + color: #2f3640 !important; + } + @media (max-width: 768px) { .content-card { padding: 20px; diff --git a/websiteFunctions/templates/websiteFunctions/modifyWebsite.html b/websiteFunctions/templates/websiteFunctions/modifyWebsite.html index 04caea87d..841780f1d 100644 --- a/websiteFunctions/templates/websiteFunctions/modifyWebsite.html +++ b/websiteFunctions/templates/websiteFunctions/modifyWebsite.html @@ -85,6 +85,43 @@ transition: all 0.2s ease; } + /* Specific styling for select elements to fix Windows visibility issues */ + select.form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: white; + 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='%235b5fcf' 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 10px center; + background-size: 20px; + padding-right: 40px; + color: #2f3640 !important; + font-size: 14px !important; + line-height: 1.5; + height: auto; + min-height: 42px; + } + + /* Ensure option text is visible */ + select.form-control option { + color: #2f3640; + background-color: white; + padding: 8px; + font-size: 14px; + } + + /* Fix for Windows high contrast mode */ + @media screen and (-ms-high-contrast: active) { + select.form-control { + border: 2px solid; + } + select.form-control option { + background: white; + color: black; + } + } + .form-control:hover { border-color: #5b5fcf; } @@ -95,6 +132,12 @@ box-shadow: 0 0 0 3px rgba(91,95,207,0.1); } + /* Specific focus styles for select */ + select.form-control:focus { + background-color: white; + color: #2f3640; + } + /* Current value display */ .current-value { display: inline-block; @@ -293,6 +336,34 @@ display: none; } + /* Additional Windows-specific fixes */ + @supports (-ms-ime-align: auto) { + /* Edge/IE specific styles */ + select.form-control { + color: #2f3640 !important; + background-color: white !important; + } + } + + /* Fix for Firefox on Windows */ + @-moz-document url-prefix() { + select.form-control { + color: #2f3640 !important; + text-shadow: none; + } + } + + /* Ensure selected option is always visible */ + select.form-control::-ms-value { + color: #2f3640; + background-color: white; + } + + /* Fix for Chrome on Windows */ + select.form-control:not(:focus):not(:hover) { + color: #2f3640 !important; + } + @media (max-width: 768px) { .form-row { grid-template-columns: 1fr; diff --git a/websiteFunctions/templates/websiteFunctions/suspendWebsite.html b/websiteFunctions/templates/websiteFunctions/suspendWebsite.html index ef8c1f02a..3d551abc8 100644 --- a/websiteFunctions/templates/websiteFunctions/suspendWebsite.html +++ b/websiteFunctions/templates/websiteFunctions/suspendWebsite.html @@ -85,6 +85,43 @@ transition: all 0.2s ease; } + /* Specific styling for select elements to fix Windows visibility issues */ + select.form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: white; + 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='%235b5fcf' 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 10px center; + background-size: 20px; + padding-right: 40px; + color: #2f3640 !important; + font-size: 14px !important; + line-height: 1.5; + height: auto; + min-height: 42px; + } + + /* Ensure option text is visible */ + select.form-control option { + color: #2f3640; + background-color: white; + padding: 8px; + font-size: 14px; + } + + /* Fix for Windows high contrast mode */ + @media screen and (-ms-high-contrast: active) { + select.form-control { + border: 2px solid; + } + select.form-control option { + background: white; + color: black; + } + } + .form-control:hover { border-color: #5b5fcf; } @@ -95,6 +132,12 @@ box-shadow: 0 0 0 3px rgba(91,95,207,0.1); } + /* Specific focus styles for select */ + select.form-control:focus { + background-color: white; + color: #2f3640; + } + /* Website selector card */ .website-selector-card { background: #f8f9ff; @@ -370,6 +413,34 @@ } + /* Additional Windows-specific fixes */ + @supports (-ms-ime-align: auto) { + /* Edge/IE specific styles */ + select.form-control { + color: #2f3640 !important; + background-color: white !important; + } + } + + /* Fix for Firefox on Windows */ + @-moz-document url-prefix() { + select.form-control { + color: #2f3640 !important; + text-shadow: none; + } + } + + /* Ensure selected option is always visible */ + select.form-control::-ms-value { + color: #2f3640; + background-color: white; + } + + /* Fix for Chrome on Windows */ + select.form-control:not(:focus):not(:hover) { + color: #2f3640 !important; + } + @media (max-width: 768px) { .state-selection { flex-direction: column;