배너의 닫기 버튼 정렬 오류

Steven · 5월 7, 2020, 9:57오후

매우 사소한 문제이며 포럼에서 쉽게 수정할 수 있지만, 만에 하나를 대비해 스태프에게 공유하고 싶었습니다.

예시에서 볼 수 있듯이, 알림 배너의 닫기 버튼과 배너 주제 사이에 작은 정렬 불일치가 있습니다.

저는 이 CSS 클래스의 설정을 10px으로 변경하여 수정했지만, 다른 방식으로 처리하실 수도 있습니다.

app/assets/stylesheets/common/base/alert.scss

902d0e1e3


      
          .alert {
            padding: 0.5em 1em;
            background-color: $danger-low;
            color: $primary;
            position: relative;
          
            .close {
              font-size: $font-up-3;
              position: absolute;
              top: 8px;
              right: 8px;
          
              .d-icon {
                color: $primary-low-mid;
              }
            }
          
            &.alert-success {
              background-color: $success-low;
              color: $primary;
            }

말씀드린 것처럼 매우 사소한 문제입니다

codinghorror · 5월 7, 2020, 10:02오후

오오, 그거 좋은 거네. @awesomerobot 참고해줘

awesomerobot · 5월 8, 2020, 2:59오전

이것을 개선하기 위해 몇 가지 업데이트를 했습니다:

awesomerobot · 5월 9, 2020, 10:00오후

이 주제는 43시간 후 자동으로 닫혔습니다. 더 이상 새 답변을 남길 수 없습니다.

글		댓글	조회수
Probably a bug relative to the close button on banner topic Bug	5	2135	4월 25, 2017
"New topic or updated" didn't show at the right place Product Support	4	728	4월 21, 2018
Notification icon and dropdown are not properly aligned UX	1	640	5월 20, 2020
Title overlaps close button in topic navigation popup UX composer	0	74	1월 26, 2025
Very slight misalignment in the notification menu UX	7	912	6월 19, 2018

배너의 닫기 버튼 정렬 오류

Related topics