Firefox 60 CSD 창 버튼 왼쪽


14

새 CSD 옵션 (제목 표시 줄 제거)이 마음에 들지만 활성화되면 창 단추가 오른쪽 (일반적으로 왼쪽)으로 이동합니다. CSD를 활성화 할 수 있지만 왼쪽에 버튼이있는 방법이 있습니까?

답변:


17

"userChrome.css"파일과 상위 디렉토리 "chrome"이 없으면 작성하십시오.

~/.mozilla/firefox/<YOUR_FIREFOX_PROFILE>/chrome/userChrome.css

userChrome.css에 다음 코드
를 배치하십시오. @namespace로 시작하는 행이 이미 userChrome.css에 있으면 두 번째로 추가하지 마십시오.

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.titlebar-buttonbox {
  display: flex;
}

.titlebar-min {
  order: 2;
}

.titlebar-max {
  order: 1;
}

.titlebar-close {
  order: 3;
  margin-right: 6px !important;
}

이제 Firefox를 다시 시작하면 버튼이 왼쪽에 나타납니다.

Firefox 프로필은 다음과 같습니다 : hej3q2i1.default
자신의 프로필이 확실하지 않은 경우 다음 단계에 따라 찾을 수 있습니다.

  1. 파이어 폭스 열기
  2. 메뉴 버튼을 클릭하십시오
  3. 도움말을 클릭하십시오
  4. 문제 해결 정보 선택
  5. Firefox 프로필은 "프로필 디렉토리"에 나열된 마지막 디렉토리입니다.

CSS 소스 : https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b여기에 이미지 설명을 입력하십시오


1
시도해 주셔서 감사하지만 문제가 해결되지는 않지만 버튼은 여전히 ​​CSR 모드에서 끝났습니다.
JimDeadlock

어쩌면 나는 오해했을지도 모른다. CSR 모드에 대해 들어 본 적이 없으며 CSD 모드를 사용하면 탭을 제목 표시 줄과 병합 할 수 있기 때문에 CSD 모드를 의미한다고 가정했습니다. CSD 모드 (클라이언트 측 장식)를 의미하는 경우 작동합니다. 작업을 다시 확인하고 변경 한 후 Firefox를 다시 시작하십시오. 결과를 보여주는 답변에 스크린 샷을 추가했습니다.
denshigomi

다른 컴퓨터에서 시도했지만 실제로 작동하지만 이전에 내가 뭘 잘못했는지 잘 모르겠습니다. 예, 저는 CSD를 의미했습니다. 다른 날 반쯤 잤을 것 같습니다. 답변 해주셔서 감사합니다!
JimDeadlock

2
이렇게하면 창 단추가 왼쪽에 배치되지만 제대로 배치되지 않습니다. 최소화 버튼과 닫기 버튼 사이의 공간이 최대화 버튼과 최소화 버튼 사이의 공간에 비해 너무 작습니다.
Apoorv Potnis

2
마찬가지로 .
Apoorv Potnis


2

의 원래 저자의 요점 여기. 최신 버전의 Firefox Nightly에서 버튼 순서가 반전되어 스크립트가 업데이트되었습니다.

  • URL 표시 줄에 about : support를 입력하십시오.
  • "프로필 디렉토리"를 엽니 다 (/ home /.../. mozilla / firefox / ...)
  • "chrome"이라는 디렉토리가 없으면 작성하십시오.
  • userChrome.css라는 이름으로 파일을 만듭니다 (없는 경우).
  • 다음 코드를 추가하십시오

userChrome.css :

#TabsToolbar {
    direction: rtl;
}

#tabbrowser-tabs {
    direction: ltr;
}

.titlebar-buttonbox {
    display: flex;
}

.titlebar-min {
    order: 2;
}

.titlebar-max {
    order: 1;
}

.titlebar-close {
    order: 3;
    margin-right: 6px !important;
}

자세한 내용은 https://www.userchrome.org/를 참조 하십시오.


1

이것은 Firefox 65 업데이트 후에 저에게 효과적입니다.

(userChrome.css)

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 1;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 3;
}


1

Firefox 65 용 Gnome에서이 userChrome이 가장 적합합니다.

사용자 크롬 샘플

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#TabsToolbar .toolbar-items {
    -moz-box-ordinal-group: 2;
}

#TabsToolbar-customization-target .titlebar-spacer[type="pre-tabs"] {
    display: none;
}

#TabsToolbar-customization-target .titlebar-spacer[type="post-tabs"] {
    width: 4px !important;
}

.titlebar-buttonbox-container {
    -moz-box-ordinal-group: 1 !important;
}

.titlebar-buttonbox-container toolbarbutton.titlebar-button.titlebar-close {
    margin-left: 4px !important;
}

0

도와 주셔서 감사합니다!

조금 바꿔야했지만 지금은 완벽합니다!

이것은 내 'userChrome.css'파일입니다.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar-max {
  -moz-box-ordinal-group: 0;
}

#titlebar-content {
  direction: rtl;
}

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
  display: -moz-box !important;
}

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 3;
  margin-left: 5px !important;
  margin-right: 6px !important;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 1;
}
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.