Rocket.Chat의 Custom CSS

객체: Ubuntu Server 16.04.1 LTS에 snap으로 설치된 Rocket.Chat
Rocket.편지는 2017년 10월 18일 발간된 버전이다.0.59.0에서 새 UI로 시작합니다.
따라서 마음에 드는 부분을 커스텀 CSS 기능으로 일부 스타일 변경 후 사용해 노트로 남긴다.
CSS 추가는 관리자 메뉴의 레이아웃 및 Custom CSS에서 수행할 수 있습니다.

문맥 인식 메뉴 항목hover

이벤트

마우스가 지나쳐도 항목 색상은 변경되지 않습니다.
어떤 걸 선택하실지 알 수가 없어요.
before

대응

다음 CSS 추가

.rc-popover__item:hover {
  background-color: rgba(0, 0, 0, 0.05); /* @transparent-dark */
}

after

검색 결과 패널의 폭을 확대한 이벤트 대응(제거됨)

이벤트

Ver입니다.0.61.0으로 업데이트된 후 Firefox에서만 이벤트가 발생했습니다.
(Windows 10Firefox58을 통해 확인)
(CentOS 7 FirefoxESR52를 통해 확인)
보통 이런 넓이는요.

검색 결과에 따라 폭이 확대될 수 있습니다.

대응

다음 CSS 추가

.contextual-bar-wrap {
  width: 400px !important;
}

취소

Ver.1, 2, 3 무시 확인
(Windows 10Firefox68을 통해 확인)

도화문자가 늘 커지는 현상

이벤트

Ver. 나는 1 이후라고 생각한다.(Ver.1.33으로 계속)
정보&Mardown&Mardown Parser는 "Markeed"에서 그림 문자가 커지는 현상이 자주 발생합니다.
before

대응

다음 CSS를 추가합니다.
그러나 단일체 도화문자는 일반적인 크기로 바뀌기도 한다.
반대로 단일일 때 커지고 싶지 않은 경우에도 사용할 수 있다.
설정되면 브라우저 재부팅에 적용됩니다.

.emoji.big,
.emojione.big {
  width:22px;
  height:22px;
}

after