fix: 결제수단 공통 CSS 충돌로 어긋난 아이콘과 텍스트 정렬 복구
기존 주문서의 label 표시 규칙이 아이콘 정렬을 덮어쓰지 않도록 선택자 우선순위를 보강한다. 실제 주문서와 동일한 상위 요소를 포함한 브라우저 화면에서 기본·테마 PC·모바일 표시와 선택 동작을 확인했다.
This commit is contained in:
@@ -822,11 +822,11 @@ box-shadow: 1px 2px 2px #eee;}
|
||||
#sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')}
|
||||
#sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')}
|
||||
#sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')}
|
||||
#sod_frm_paysel .bank_icon,
|
||||
#sod_frm_paysel .vbank_icon,
|
||||
#sod_frm_paysel .iche_icon,
|
||||
#sod_frm_paysel .hp_icon,
|
||||
#sod_frm_paysel .card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#sod_frm_paysel .lb_icon.bank_icon,
|
||||
#sod_frm_paysel .lb_icon.vbank_icon,
|
||||
#sod_frm_paysel .lb_icon.iche_icon,
|
||||
#sod_frm_paysel .lb_icon.hp_icon,
|
||||
#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#m_sod_frm_paysel .bank_icon{background-image:url('../img/payment-bank.svg')}
|
||||
#m_sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')}
|
||||
#m_sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')}
|
||||
|
||||
+5
-5
@@ -925,11 +925,11 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)}
|
||||
#sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')}
|
||||
#sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')}
|
||||
#sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')}
|
||||
#sod_frm_paysel .bank_icon,
|
||||
#sod_frm_paysel .vbank_icon,
|
||||
#sod_frm_paysel .iche_icon,
|
||||
#sod_frm_paysel .hp_icon,
|
||||
#sod_frm_paysel .card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#sod_frm_paysel .lb_icon.bank_icon,
|
||||
#sod_frm_paysel .lb_icon.vbank_icon,
|
||||
#sod_frm_paysel .lb_icon.iche_icon,
|
||||
#sod_frm_paysel .lb_icon.hp_icon,
|
||||
#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#m_sod_frm_paysel .bank_icon{background-image:url('../img/payment-bank.svg')}
|
||||
#m_sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')}
|
||||
#m_sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')}
|
||||
|
||||
@@ -812,11 +812,11 @@ box-shadow: 1px 2px 2px #eee;}
|
||||
#sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')}
|
||||
#sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')}
|
||||
#sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')}
|
||||
#sod_frm_paysel .bank_icon,
|
||||
#sod_frm_paysel .vbank_icon,
|
||||
#sod_frm_paysel .iche_icon,
|
||||
#sod_frm_paysel .hp_icon,
|
||||
#sod_frm_paysel .card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#sod_frm_paysel .lb_icon.bank_icon,
|
||||
#sod_frm_paysel .lb_icon.vbank_icon,
|
||||
#sod_frm_paysel .lb_icon.iche_icon,
|
||||
#sod_frm_paysel .lb_icon.hp_icon,
|
||||
#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#m_sod_frm_paysel .bank_icon{background-image:url('../../../img/payment-bank.svg')}
|
||||
#m_sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')}
|
||||
#m_sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')}
|
||||
|
||||
@@ -924,11 +924,11 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)}
|
||||
#sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')}
|
||||
#sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')}
|
||||
#sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')}
|
||||
#sod_frm_paysel .bank_icon,
|
||||
#sod_frm_paysel .vbank_icon,
|
||||
#sod_frm_paysel .iche_icon,
|
||||
#sod_frm_paysel .hp_icon,
|
||||
#sod_frm_paysel .card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#sod_frm_paysel .lb_icon.bank_icon,
|
||||
#sod_frm_paysel .lb_icon.vbank_icon,
|
||||
#sod_frm_paysel .lb_icon.iche_icon,
|
||||
#sod_frm_paysel .lb_icon.hp_icon,
|
||||
#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px}
|
||||
#m_sod_frm_paysel .bank_icon{background-image:url('../../../img/payment-bank.svg')}
|
||||
#m_sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')}
|
||||
#m_sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')}
|
||||
|
||||
Reference in New Issue
Block a user