position: static !important로 이전 절대위치 명시 무효화
(CSS 정리: 절대 위치 제거, flex 흐름으로 검색·사용자 아이콘과 자연 배치) |
(position: static !important로 이전 절대위치 명시 무효화) |
||
| 1번째 줄: | 1번째 줄: | ||
/* 아카디아 포털 — 알약 탭 (헤더 flex 흐름) */ | /* 아카디아 포털 — 알약 탭 (헤더 flex 흐름) */ | ||
.akadia-portal-links { | .akadia-portal-links { | ||
display: inline-flex; | display: inline-flex !important; | ||
align-items: center; | align-items: center !important; | ||
margin-right: 8px; | margin-right: 8px; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
position: static !important; | |||
right: auto !important; | |||
top: auto !important; | |||
transform: none !important; | |||
} | } | ||
.akadia-portal-link { | .akadia-portal-link { | ||
| 26번째 줄: | 30번째 줄: | ||
color: #042c53; | color: #042c53; | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
@media screen and (max-width: 1000px) { | |||
.akadia-portal-links { | |||
position: static !important; | |||
right: auto !important; | |||
top: auto !important; | |||
transform: none !important; | |||
} | |||
} | } | ||
| 37번째 줄: | 50번째 줄: | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.akadia-portal-links { margin-right: 4px; } | .akadia-portal-links { margin-right: 4px !important; } | ||
.akadia-portal-link { | .akadia-portal-link { | ||
padding: 3px 8px; | padding: 3px 8px; | ||