ปิดใช้งานองค์ประกอบของ firefox 57 UI สำหรับ TreeStyleTab

ฉันเพิ่งอัพเกรดจาก firefox 55 เป็น firefox 58 ทุกคืนและมีการอัปเดตส่วนขยายจำนวนมาก Treestyletabs เป็นส่วนเสริมเดียวที่ฉันใช้จริง ๆ และได้รับการปรับใช้ใหม่เป็นแผงด้านข้าง ความแตกต่างคือตอนนี้มีแท่งยักษ์อยู่ด้านบนดังนี้:

พูดด้วยตัวอักษรขนาดใหญ่จริง ๆ Tree Style Tab ฉันสามารถกำจัดแท็บที่ด้านบนของหน้าจอโดยการเพิ่ม

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

ไปที่.mozilla/firefox/???/chrome/userChrome.cssไฟล์ของฉัน ฉันต้องการทราบว่ามีสิ่งใดที่คล้ายกันที่ฉันสามารถทำได้เพื่อซ่อนส่วนหัวของแผงด้านข้างในขณะที่ยังคงรักษาแผงด้านข้างไว้

mannigfaltig กล่าวว่า:

ฉันได้เพิ่มการดัดแปลงที่ลบระยะขอบที่ด้านบน:

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

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

จากนั้นไปที่เมนูแฮมเบอร์เกอร์> การปรับแต่งและทำเครื่องหมายที่ "Title Bar" ที่ด้านล่างซ้าย ถ้าอย่างนั้นมันก็ดูเหมือน FF 56

ฉันได้เปลี่ยนสไตล์ของ TST ในการตั้งค่า add-on (ไปจนถึงด้านล่าง; ไม่ใช่ใน userChrome.css) เพื่อให้แท็บไม่ใช้พื้นที่แนวตั้งมากนักและซ่อนปุ่มปิดกล่อง ( และแสดงเฉพาะในเหตุการณ์การวางเมาส์):

.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

อาจไม่ใช่คำตอบโดยตรง แต่เป็นคำแนะนำ คุณไม่จำเป็นต้องปิดการใช้งานส่วนนี้อย่างเต็มที่ในขณะที่ส่วนย่อยบางส่วนไม่มีทางลัดเพื่อนำมาไว้ด้านหน้า แต่คุณสามารถใช้ CSS นี้~/.mozilla/firefox/???/chrome/userChrome.cssเพื่อย่อขนาดได้

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

ให้โอกาสกับStylishมันเป็นปลั๊กอิน (FF, Chrome) ที่ช่วยให้คุณสามารถปรับเปลี่ยนลักษณะที่ปรากฏของเว็บไซต์ใด ๆ