Nuzwa commited on
Commit
5627632
·
verified ·
1 Parent(s): 4f3fd74

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +29 -1
index.html CHANGED
@@ -51,7 +51,35 @@
51
  width: 100%; padding: .8rem 1rem; border-radius: 10px; border: 1px solid var(--border-color);
52
  font-size: 1rem; font-family: 'Poppins', sans-serif; background: #f9fafb; transition: all .2s ease-in-out;
53
  }
54
- select:focus, textarea:focus, input[type="text"]:focus { outline:none; border-color: var(--primary-color-start); box-shadow: 0 0 0 3px rgba(79,70,229,.15); background:#fff; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
55
  .row { display:grid; grid-template-columns: 1fr 1fr; gap: .75rem 1rem; }
56
  .row > div { width:100%; }
57
  .actions { display:grid; grid-template-columns: 1fr 1fr; gap:.75rem; margin-top:1.25rem; }
 
51
  width: 100%; padding: .8rem 1rem; border-radius: 10px; border: 1px solid var(--border-color);
52
  font-size: 1rem; font-family: 'Poppins', sans-serif; background: #f9fafb; transition: all .2s ease-in-out;
53
  }
54
+ select:focus, textarea:focus, input[type="text"]
55
+ /* === Unified dropdown styling for all <select> === */
56
+ select {
57
+ /* سارے براؤزرز میں نیٹو اَرو ہٹا دیں */
58
+ -webkit-appearance: none;
59
+ -moz-appearance: none;
60
+ appearance: none;
61
+
62
+ /* اَرو کے لئے اندر اسپیس */
63
+ padding-right: 2.25rem; /* تھا: 1rem */
64
+
65
+ /* کستم chevron (برینڈ کلر #4F46E5 میں) */
66
+ background-image: url('data:image/svg+xml;utf8,\
67
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">\
68
+ <path d="M6 8l4 4 4-4" stroke="%234F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
69
+ background-repeat: no-repeat;
70
+ background-position: right .75rem center; /* کنارے سے ہٹا کر اندر */
71
+ background-size: 14px;
72
+ }
73
+
74
+ /* پرانے Edge/IE کا نیٹو اَرو */
75
+ select::-ms-expand { display: none; }
76
+
77
+ /* ڈسایبلڈ ڈراپ ڈاؤن بھی ایک جیسا لگے */
78
+ select:disabled {
79
+ opacity: .6;
80
+ cursor: not-allowed;
81
+ }
82
+ :focus { outline:none; border-color: var(--primary-color-start); box-shadow: 0 0 0 3px rgba(79,70,229,.15); background:#fff; }
83
  .row { display:grid; grid-template-columns: 1fr 1fr; gap: .75rem 1rem; }
84
  .row > div { width:100%; }
85
  .actions { display:grid; grid-template-columns: 1fr 1fr; gap:.75rem; margin-top:1.25rem; }