Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

ปรับแต่ง Firefox Pinned Tabs: คู่มือ Custom Styling และ Positioning

นี่คือ Curious Corner Case ประมาณปีก่อน Firefox Quantum Introduce Radical Changes ใหญ่ที่สุด Switch to WebExtensions Move ทำ Friendly Powerful Extensions ไม่ทำงาน รวม Tab Management Addons Upside Firefox บringen Integrated Tab Pinning Feature Works Nicely But

Pinned Tabs Detach Tab Bar Position Themselves Left 典型 Desktop Quicklaunch Icon Area So Far So Good But Corner Case Here! 发生 Pinned Tabs Relatively Narrow 意味著 Quick Stab 'n' Open Action 不 Quite Possible 需要 Accurate Positioning Mouse Cursor 可能 Slow You Down 没 似乎 Trivial Option Change Width Pinned Tabs 因此 Guide นี้

ปรับแต่ง Firefox Pinned Tabs: คู่มือ Custom Styling และ Positioning

Make the pinned tabs wider (ทำให้ Pinned Tabs กว้างขึ้น)

First Encounter Firefox UI Customization 回 当 我们 Merrily Thoroughly Discussed Linux Plasma Desktop HD Scaling 用 Several Manual Overrides Increase UI Size 因为 不 Possible Native Solutions Desktop Environment 或 Rather Possible 但 Not Pretty 现在 使用 Similar Approach Make Pinned Tabs Nicer

Firefox UI Overrides Available userChrome.css File Firefox Profile Directory File Contains CSS Declarations Dictate Browser Looks 非常 像 Web Page 可以 更改 Fonts, Colors, Borders, Margins, Padding 任何 当然 需要 Understanding Syntax 也 Aware Different Classes Firefox Uses Interface Typical Windows Path:

C:\Users\(your user name)\AppData\Roaming\Mozilla\Firefox\Profiles\
(profile)\chrome\userChrome.css

Typical Linux Path:

~/.mozilla/firefox/(profile)/chrome/userChrome.css

ปรับแต่ง Firefox Pinned Tabs: คู่มือ Custom Styling และ Positioning

Pinned Tabs 这 是 我们 要 加:

/* Tabs */
.tabbrowser-tab[pinned] {
padding-left: 20px;
padding-right: 20px;
}

Code 上面 Add Padding Left/Right Pinned "Icon" ทำให้ Pinned Tabs Wider More Accessible - Centered AND Symmetric - 20 Pixels 也 可以 只 Increase Width Tabs 但 Icons Aligned Left 很多 Empty Space Right 看 Wrong 会 让 OCD Pixies Explode 使用 Uniform Left/Right Padding Nice Elegant Fix

ปรับแต่ง Firefox Pinned Tabs: คู่มือ Custom Styling และ Positioning

在某种 程度上 那就是 所有 Bob's Your Uncle!

สรุป

我们 都 在这里 OCD Requirements Met Satisfied Firefox Quantum 仍 保留 Fair Degree Customization 即使 Less Accessible Ordinary Users 希望 功能 保持 因为 一 独特 优势 Firefox Over 其他 Browsers 相当 多 Lost Move WebExtensions 遗憾 看 Flexible Modular Browser Turn Static Lifeless Shell No Edge Over Competitors

如果 想 使用 Firefox Pinned Tabs 现在 也 有 Improved Accessibility Option 让 Tabs Wider 更 Consistent In Line Tab Bar 加上 Easier Hit Quick Mouse Actions 而且 使用 userChrome.css Overrides 可以 Further Improvements Browser UI Layout Increase Vertical Spacing/Padding 例如 总之 希望 你 找到 这 Little Guide Useful See You Around

Cheers.