Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

본 사이트는 여러분의 사용자 경험을 개선하기 위해 유지 보수를 진행하는 동안 기능이 제한됩니다. 도움말로 문제가 해결되지 않고 질문을 하고 싶다면 Twitter의 @FirefoxSupport 및 Reddit의 /r/firefox 채널을 활용하세요.

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

Need help with my userChrome.css and window controls

  • 4 답장
  • 1 이 문제를 만남
  • 14 보기
  • 최종 답변자: cor-el

more options

I'm trying to get Firefox to obey my window control order. For me, the window controls are on the left with the order of Close, Maximize, Minimize. But Firefox does not like that and puts it like macOS with Close, Minimize, Maximize.

So I got this going

#TabsToolbar {
  direction: ltr;
}

#tabbrowser-tabs {
  direction: ltr;
}

.titlebar-buttonbox {
  display: flex;
}

.titlebar-min {
  order: 2;
}

.titlebar-max {
  order: 1;
}

And it works well. But here is the problem, when the window becomes Maximized, the order changes to Maximize, Close, Minimize, as seen here in the photo. Anyone got some advice?

I'm trying to get Firefox to obey my window control order. For me, the window controls are on the left with the order of Close, Maximize, Minimize. But Firefox does not like that and puts it like macOS with Close, Minimize, Maximize. So I got this going <pre><nowiki>#TabsToolbar { direction: ltr; } #tabbrowser-tabs { direction: ltr; } .titlebar-buttonbox { display: flex; } .titlebar-min { order: 2; } .titlebar-max { order: 1; } </nowiki></pre><br> And it works well. But here is the problem, when the window becomes Maximized, the order changes to Maximize, Close, Minimize, as seen here in the photo. Anyone got some advice?
첨부된 스크린샷

글쓴이 cor-el 수정일시

모든 댓글 (4)

more options

I am unable to edit my comment, but I didn't paste the proper userChrome.css file

This is the code I am actually playing with:

  1. tabbrowser-tabs {
 direction: ltr;

}

.titlebar-buttonbox {

 display: flex;

}

.titlebar-min {

 order: 3;

}

.titlebar-max {

 order: 2;

} .titlebar-close {

 order: 1;

}

more options

In full screen mode you do not use .titlebar-buttonbox (.titlebar-buttonbox-container), but you use #window-controls.

#TabsToolbar[inFullscreen] #window-controls


글쓴이 cor-el 수정일시

more options

cor-el said

In full screen mode you do not use .titlebar-buttonbox (.titlebar-buttonbox-container), but you use #window-controls.
#TabsToolbar[inFullscreen] #window-controls


Thank you. I tried this code but the same result happened:

  1. tabbrowser-tabs {
 direction: ltr;

}

.titlebar-buttonbox {

 display: flex;

}

.titlebar-min {

 order: 3;

}

.titlebar-max {

 order: 2;

} .titlebar-close {

 order: 1;

}

  1. TabsToolbar[inFullscreen] #window-controls {
 direction: ltr;

}

.titlebar-buttonbox {

 display: flex;

}

.titlebar-min {

 order: 3;

}

.titlebar-max {

 order: 2;

} .titlebar-close {

 order: 1;

}

more options

You need different selectors for the individual window-controls as you can see if you use the Browser Toolbox to inspect the controls.