diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less index 04ac18fc..3d81726a 100644 --- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less +++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less @@ -58,11 +58,12 @@ } } + position: relative; &:focus-within, &:focus { - box-shadow: 0 3px 5.64px 0.36px #0000007d, - 0 0 0 4px @PRIMARY_COLOR_RED inset; - box-sizing: border-box; + &::after { + .focused(); + } } } } diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ListContents/ListContents.module.less b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ListContents/ListContents.module.less index 51a3270a..08f188b3 100644 --- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ListContents/ListContents.module.less +++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ListContents/ListContents.module.less @@ -40,12 +40,15 @@ .border-solid(@size:1px,@color:#cccccc); border-radius: 8px; - &:hover, + .elip(@clamp: 1); + + position: relative; + &:focus-within, &:focus { - box-shadow: 0 3px 5.64px 0.36px #0000007d, - 0 0 0 4px @PRIMARY_COLOR_RED inset; color: @PRIMARY_COLOR_RED; - box-sizing: border-box; + &::after { + .focused(); + } } .marquee {