Cách thay đổi chiều cao thanh tiêu đề trong các ứng dụng GTK tiêu chuẩn và những ứng dụng có tiêu đề / CSD trên Gnome 3.20


32

Trong Gnome 3.18, có thể thay đổi chiều cao thanh tiêu đề của tất cả các cửa sổ bằng cách thay đổi css ~/.config/gtk-3.0/gtk.csstheo mức Giảm chiều cao thanh tiêu đề trong gnome 3 / gtk + 3 .

.header-bar.default-decoration {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.header-bar.default-decoration .button.titlebutton {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* No line below the title bar */
.ssd .titlebar {
    border-width: 0;
    box-shadow: none;
}

Trong Gnome 3.20, điều này dường như không còn áp dụng cho các cửa sổ có thanh tiêu đề / CSD (các nút cụ thể của gnome trong thanh tiêu đề), chẳng hạn như Nautilus (Tệp), Cài đặt, Ảnh, Danh bạ, v.v. Điều chỉnh vẫn làm giảm chiều cao của thanh tiêu đề cho các ứng dụng khác, chẳng hạn như gnome-terminal và gVim. Làm cách nào để giảm chiều cao của thanh tiêu đề trong các chương trình gnome như Nautilus trong Gnome 3.20?


Cập nhật

Tôi cũng đã thử những gì được đề xuất trong chủ đề reddit này . Tôi đã thử cả hai window.ssd.ssdchỉ, không có xúc xắc. Điều này hoạt động, xem câu trả lời tôi đã đăng để biết thêm chi tiết

window.ssd headerbar.titlebar {
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 0;
}

window.ssd headerbar.titlebar button.titlebutton {
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 0;
}

/* shrink headebars */
headerbar {
    min-height: 38px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
}

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 2px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 2px;
}

/* shrink ssd titlebars */
.default-decoration {
    min-height: 0; /* let the entry and button drive the titlebar size */ 
    padding: 2px
}

.default-decoration .titlebutton {
    min-height: 26px; /* tweak these two props to reduce button size */
    min-width: 26px;
}

fwiw đây là một thứ gtk không phải là một gnome / nautilus / wm one
don_crissti

Giải pháp trong bản cập nhật của bạn đã giúp tôi rất nhiều trên Arch với Gnome 3.20. Phải điều chỉnh các giá trị một chút và nó không mở rộng tới GTK3 CSD, nhưng dù sao chúng cũng điên rồ. Cảm ơn!
SimonG

Vui vì nó hữu ích! Tôi đã đăng một vài bình luận liên quan đến các CSD / tiêu đề trong câu trả lời của tôi dưới đây, dùng thử và xem nó có giúp ích không.
joelostblom

Câu trả lời:


13
  1. tạo một tệp ~ / .config / gtk-3.0 / gtk.css (thêm CSS bên dưới)
  2. sau đó bạn sẽ cần tải lại gnome-shell: ALT + F2và gõr

Tôi đã có thể giảm thanh Title của ứng dụng trên Gnome 3.20 bằng CSS sau:

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 0px;
}

headerbar {
    min-height: 24px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
    margin: 0px; /* same as headerbar side padding for nicer proportions */
    padding: 0px;
  }

3
Các alt+f2sau đó rmũi là tuyệt vời; cảm ơn bạn!
berto

lưu ý rằng Alt + F2 không hoạt động với phiên Wayland
Frederick Nord

Bạn có thể thu nhỏ nó nhiều hơn một chút bằng cách thêm min-height: 10px;vào các headerbar entry etcphần, và sự thay đổi min-height: 24px;trong headerbarđể 16px;
michaelmoo

11

Thanh tiêu đề / CSD

Trên thực tế, một phần của mã mà tôi tìm thấy thông qua reddit và được đăng ở trên, cụ thể là

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 2px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 2px;
}

DOES sửa đổi các tiêu đề / CSD. Tuy nhiên, hiệu quả không phải là ngay lập tức. Ngay cả khi bạn tải lại gnome, bạn có thể cần phải đóng tất cả các cửa sổ, đợi một lúc hoặc đăng xuất và đăng nhập lại để xem hiệu ứng.

Tôi vẫn không thấy bất kỳ sự khác biệt trong thanh tiêu đề khi sửa đổi sau đây.

headerbar {
    min-height: 38px;
    padding-left: 2px; /* same as children's vertical margins for nicer proportions */
    padding-right: 2px;
}

Tiêu đề tiêu chuẩn

Hai phần cho các tiêu đề cửa sổ bình thường hoạt động như mong đợi.

.default-decoration {
    min-height: 0; /* let the entry and button drive the titlebar size */
    padding: 2px
}

.default-decoration .titlebutton {
    min-height: 26px; /* tweak these two props to reduce button size */
    min-width: 26px;
}

Đường viền thanh tiêu đề

Bạn có thể sử dụng cách sau để xóa đường viền thanh tiêu đề nếu bạn đang chạy chủ đề adwaita mặc định. Từ https://bbs.archlinux.org/viewtopic.php?id=211102

window.ssd headerbar.titlebar {
  border: none;
  background-image: linear-gradient(to bottom,
  shade(@theme_bg_color, 1.05),
  shade(@theme_bg_color, 0.99));
  box-shadow: inset 0 1px shade(@theme_bg_color, 1.4);
}

Có phải tất cả những thay đổi được đề xuất này được thực hiện trong "~ / .config / gtk-3.0 / gtk.css" hoặc chính xác ở đâu?
ezra-s

@ ezra-s Có, bất kỳ phần nào ở trên sẽ được thêm vào~/.config/gtk-3.0/gtk.css
joelostblom

1

Tiếp xúc với chủ đề, bạn có thể tải xuống tiện ích mở rộng tối đa để ẩn thanh tiêu đề trên các cửa sổ tối đa. Khá hữu ích.

Không tương thích với wayland như tôi biết, nhưng đã không kiểm tra nó.


1

Cập nhật ~/.config/gtk-3.0/gtk.cssnội dung của bạn với nội dung sau:

/* shrink headerbars (don't forget semicolons after each property) */
headerbar {
    min-height: 0px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
    background-color: #2d2d2d;
}

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 0px;
}

/* shrink ssd titlebars */
.default-decoration {
    min-height: 0; /* let the entry and button drive the titlebar size */
    padding: 0px;
    background-color: #2d2d2d;
}

.default-decoration .titlebutton {
    min-height: 0px; /* tweak these two props to reduce button size */
    min-width: 0px;
}

window.ssd headerbar.titlebar {
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 0;
}

window.ssd headerbar.titlebar button.titlebutton {
    padding-top: 3px;
    padding-bottom:3px;
    min-height: 0;
}

0

Tôi đã sửa đổi usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.csstập tin.

Chúng ta phải tìm

 /* Panel */

   #panel {
   background-gradient-direction:none;
   background-color: rgba(0,0,0,0.5);
   /* border: 0px solid rgba(90,105,111,0.5);
   box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);*/
   border: 1px solid rgba(90,105,111,0.5);
   box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
   border-top:0px;border-right:0px;border-left:0px;
   font-weight: bold;
   height: 24px;

Chúng ta phải thay đổi giá trị "chiều cao". Sau đó, chúng tôi phải tải lại chủ đề. Tôi sử dụng phần mở rộng "hoạt động cấu hình" cho các tham số khác của topbar.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.