mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2025-11-02 19:35:49 +01:00
select box issue
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user