파이어폭스 퀀텀 업데이트로 Tab Mix Plus를 사용할 수 없게 되면서, 제공하는 고유의 기능들도 사용할 수 없게 되는 사태가 발생했죠.
그 중에서 Multi row tab 기능은 확장 기능으로 제공하지 못하는 기능이라 더더욱 말이 많았는데,
CSS를 수정해서 일부나마 비슷하게 흉내를 내볼 수 있습니다.
C:\Users\[사용자명]\AppData\Roaming\Mozilla\Firefox\Profiles\[파이어폭스 프로필명]\chrome
에서 userChrome.css 수정해서 다음 내용을 입력해 주세요. (없다면 생성해주시구요)
내용은 레딧에서 가져왔습니다.
/*
The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs
changed selectors accordingly
*/
.tabbrowser-tab:not([pinned]) {
flex-grow:1;
min-width:100px !important; /* Needed important tag, width can be whatever you like */
max-width: 200px !important; /* */
}
.tabbrowser-tab,.tab-background {
height:var(--tab-min-height);
}
.tab-stack {
width: 100%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}
#titlebar,#titlebar-buttonbox{
height:var(--tab-min-height) !important;
}
#titlebar{
margin-bottom:calc(var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #titlebar{
margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #TabsToolbar{
margin-left:var(--tab-min-height);
}
#titlebar:active{
margin-bottom:0 !important;
}
#titlebar:active #titlebar-content{
margin-bottom:var(--tab-min-height) !important;
}
#tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){
display: none;
}
이렇게 하면 여러 줄에 탭 목록을 볼 수 있습니다.
Tab Mix Plus에서는 탭이 여러줄이면 스크롤되도록 하는 기능이 있었는데, 그건 안되는 것 같네요.
C:\Users\[사용자명]\AppData\Roaming\Mozilla\Firefox\Profiles\[파이어폭스 프로필명]
까지 가면 프로필이 2개가 있는데 default 와 dev-edition-default 2개 폴더내에 다 없네요