MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 834: | Line 834: | ||
.vector-user-links-main { | .vector-user-links-main { | ||
display: none !important; | display: none !important; | ||
} | |||
.gr-phone-row { margin-bottom: 12px; } | |||
.gr-phone-label { | |||
display: block; | |||
font-weight: 700; | |||
font-size: 0.875rem; | |||
margin-bottom: 6px; | |||
} | |||
.gr-phone-inputs { | |||
display: flex; | |||
gap: 8px; | |||
align-items: stretch; | |||
height: 48px; | |||
position: relative; | |||
font-family: "Noto Sans Devanagari", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; | |||
} | |||
.gr-phone-country { width: 101px; border-radius: 12px; padding: 12px; gap: 8px; border: 1px solid #CED4DA;} | |||
.gr-phone-national { flex: 1; border-radius: 12px; padding: 12px; border: 1px solid #CED4DA;} | |||
/* ── Country trigger button ── */ | |||
.gr-country-trigger { | |||
display: flex; | |||
align-items: center; | |||
gap: 8px; | |||
width: 101px; | |||
border-radius: 12px; | |||
padding: 12px; | |||
border: 1px solid #CED4DA; | |||
white-space: nowrap; | |||
background: #fff; | |||
} | |||
.gr-country-trigger:hover { border-color: #72777d; } | |||
.gr-trigger-flag { font-size: 1.3rem; line-height: 1; } | |||
.gr-trigger-dial { font-size: 0.9rem; color: #54595d; } | |||
.gr-trigger-caret { font-size: 0.7rem; color: #54595d; } | |||
/* ── Dropdown ── */ | |||
.gr-country-dropdown { | |||
position: absolute; | |||
top: calc(100% + 4px); left: 0; | |||
z-index: 9999; | |||
width: 280px; | |||
background: #fff; | |||
border: 1px solid #a2a9b1; | |||
border-radius: 4px; | |||
box-shadow: 0 4px 16px rgba(0,0,0,0.12); | |||
} | |||
.gr-country-search { | |||
width: 100%; box-sizing: border-box; | |||
padding: 8px 12px; | |||
border: none; border-bottom: 1px solid #eee; | |||
font-size: 0.9rem; outline: none; | |||
} | |||
.gr-country-list { max-height: 240px; overflow-y: auto; } | |||
.gr-country-option { | |||
display: flex; align-items: center; gap: 8px; | |||
padding: 8px 12px; cursor: pointer; font-size: 0.9rem; | |||
} | |||
.gr-country-option:hover { background: #f8f9fa; } | |||
.gr-country-flag { font-size: 1.2rem; flex-shrink: 0; } | |||
.gr-country-name { flex: 1; color: #202122; } | |||
.gr-country-dial { color: #54595d; font-size: 0.85rem; } | |||
.gr-phone-national:focus { | |||
outline: none; border-color: #4A433A; | |||
} | } | ||