☰

TreeStyleTab에 대한 Firefox 57 UI 요소 비활성화

tag-icon • tag-icon firefox firefox-extensions tree-view firefox-57
TreeStyleTab에 대한 Firefox 57 UI 요소 비활성화

최근에 firefox 55에서 firefox 58로 nightly 업그레이드했는데 많은 확장 기능을 업데이트해야 합니다. Treestyletabs는 제가 실제로 사용하는 유일한 확장 기능이며 사이드바 패널로 다시 구현되었습니다. 차이점은 이제 상단에 다음과 같은 거대한 막대가 있다는 것입니다.


정말 큰 글자로 말하는 트리 스타일 탭. 다음을 추가하여 화면 상단의 탭을 제거할 수 있었습니다.

#tabbrowser-tabs { visibility: collapse !important; }

내 .mozilla/firefox/???/chrome/userChrome.css파일에. 사이드바 패널을 유지하면서 사이드바 패널 헤더를 숨기는 것과 비슷한 방법이 있는지 알고 싶습니다.

답변1

마니그팔티그는 이렇게 말했습니다.

상단의 여백을 제거하는 수정 사항을 추가했습니다.

#TabsToolbar, #sidebar-header {
  visibility: collapse !important;
}

#TabsToolbar {
  margin-bottom: -21px !important;
}

그런 다음 햄버거 메뉴 > 사용자 정의로 이동하여 왼쪽 하단의 "제목 표시줄"을 확인하세요. 그렇다면 FF 56과 거의 비슷해 보입니다.

또한 탭이 수직 공간을 많이 차지하지 않고 상자 닫기 버튼( 마우스 오버 이벤트에만 표시됩니다):

.closebox {
  display: none
}

.tab:hover .closebox {
  display: block;
}

.tab {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tab더 단단하게 만들 수 있습니다 .

.tab .icon {
  padding-top: 2px; /* reducing it by 2px */
  padding-bottom: 2px;
}

:root {
  --tab-height: 22px; /* reducing it by 4px */
}

https://news.ycombinator.com/item?id=15342379

답변2

직접적인 대답은 아닐 수도 있지만 제안일 수도 있습니다. 모든 하위 섹션에 전경으로 가져오는 단축키가 있는 것은 아니지만 이 섹션을 완전히 비활성화할 필요는 없습니다. 대신 이 CSS를 사용하여 ~/.mozilla/firefox/???/chrome/userChrome.css축소할 수 있습니다.

.sidebar-header,
#sidebar-header {
  font-size: 1em !important;
  font-weight: normal !important;
  padding: 0px !important;
}

답변3

기회를 주십시오세련된이는 웹사이트의 모양을 수정할 수 있는 플러그인(FF, Chrome)입니다.

관련 정보