diff --git a/Tips.md b/Tips.md index 7ecb7e7..770fe53 100644 --- a/Tips.md +++ b/Tips.md @@ -106,7 +106,18 @@ Use this code: **Apply** -Use this code: https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css +Use this code: +```css +/* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */ +.tab-label-container{ display: grid; justify-content: safe center } +.tab-label,.tab-secondary-label{ overflow: hidden } + +.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), +.tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) { margin-inline-end: 5px; } + +#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) { margin-inline-end: 1px; } +#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected]):not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { margin-inline-end: 19px; } +``` Refer: [issue #71](https://github.com/black7375/Firefox-UI-Fix/issues/71)