タイトルブロック/CSD

タイトルブロック/CSD

~/.config/gtk-3.0/gtk.cssGnome 3.18では、CSSを変更してすべてのウィンドウのタイトルバーの高さを変更できます。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;
}

Gnome 3.20では、Nautilus(ファイル)、設定、写真、連絡先などのタイトルバー/CSD(タイトルバーのgnome固有のボタン)があるウィンドウでは機能しなくなります。調整により、gnome-terminalやgVimなどの他のアプリケーションのタイトルバーの高さがまだ低下します。 gnomeプログラム(Gnome 3.20のNautilusなど)でタイトルバーの高さを減らすには?


修正する

私もそれが何であるかを試しました。このRedditスレッドで提案。どちらも試しましたが、サイコロはありませwindow.ssdんでした.ssd 動作します。詳しくは、投稿した回答をご覧ください。

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;
}

答え1

  1. ~/.config/gtk-3.0/gtk.css ファイルの生成 (次の CSS 追加)
  2. その後、gnome-shellを再ロードして次のように入力する必要がALT + F2あります。r

次のCSSを使用して、Gnome 3.20でアプリケーションのタイトルバーを折りたたむことができました。

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;
  }

答え2

注:PopOSを使用している場合は、トップバーメニューにタイリングも制御する「ウィンドウタイトルの削除」オプションがあります。これが私が現在使用している方法であり、重複した非CSDタイトルバーを削除するのに効果的です。

タイトルブロック/CSD

実際、私がredditを通して見つけて上記に投稿したコードの1つは次のとおりです。

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

するタイトルブロック/CSDを修正します。しかし、効果は即時ではありません。 gnomeを再ロードしても効果を見るには、すべてのウィンドウを閉じる、しばらく待つか、ログアウトしてから再度ログインする必要があります。

以下を修正してもタイトルバーに違いはありません。

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

標準タイトルバー

一般ウィンドウのタイトルバーの2つの部分は期待どおりに機能します。

.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;
}

タイトルバーの枠線

デフォルトのadwaitaテーマを実行している場合は、次のコマンドを使用してタイトルバーの境界線を削除できます。 ~から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);
}

答え3

~/.config/gtk-3.0/gtk.css以下を更新してください。

/* 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;
}

答え4

私のUbuntu 20.04では、このカスタムテーマの修正(Yaru標準テーマのGnome 3.20)を使用していますが、うまく機能します。

headerbar.default-decoration {
    min-height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}

headerbar.default-decoration button.titlebutton {
    min-height: 16px;
    min-width: 16px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}


headerbar  {
    min-height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}


headerbar entry, headerbar spinbutton, headerbar button, headerbar switch, headerbar separator {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


headerbar button.titlebutton.minimize, headerbar button.titlebutton.maximize, headerbar button.titlebutton.close {
    min-height: 16px;
    min-width: 16px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}

関連情報