Gnome 3.20で標準のGTKアプリとヘッダーバー/ CSDを使用するアプリでタイトルバーの高さを変更する方法


32

Gnome 3.18では、gnome 3 / gtk + 3のタイトルバーの高さを減らす~/.config/gtk-3.0/gtk.cssに従ってcssを変更することにより、すべてのウィンドウのタイトルバーの高さを変更できました。

.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 3.20のNautilusなどのgnomeプログラムでタイトルバーの高さを減らすにはどうすればよいですか?


更新

また、この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;
}

fwiwこれはgnome /
nautilus

アップデートのソリューションは、Gnome 3.20を使用したArchでうまく機能しました。値を少し調整する必要があり、GTK3 CSDには拡張されませんでしたが、とにかく異常です。ありがとう!
SimonG

便利です!私は以下の回答にCSD /ヘッダーバーに関するいくつかのコメントを投稿し、試してみて、それが役立つかどうかを確認します。
-joelostblom

回答:


13
  1. 〜/ .config / gtk-3.0 / gtk.cssファイルを作成(以下のCSSを追加)
  2. あなたは、GNOMEシェルをリロードする必要があります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;
  }

3
alt+f2その後、r先端が素晴らしいです。ありがとうございました!
バート

Alt + F2はWaylandセッションでは機能しないことに注意してください
Frederick Nord

セクションを追加して16pxに変更することmin-height: 10px;で、さらに縮小できます。headerbar entry etcmin-height: 24px;headerbar
マイケルム​​ー

11

ヘッダーバー/ CSD

実際、redditで見つけて上に投稿したコードのセクション、つまり

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

DOES headerbars /の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);
}

これらの提案された変更はすべて「〜/ .config / gtk-3.0 / gtk.css」で行われましたか、それとも正確にどこにありますか?
ezra-s

@ ezra-sはい、上記のセクションのいずれかに追加されます~/.config/gtk-3.0/gtk.css
joelostblom

1

件名に接して、最大シェル拡張をダウンロードできますを化されたウィンドウのタイトルバーを非表示にする。かなり便利なユースケース。

私の知る限り、ウェイランドとの互換性はありませんが、テストしませんでした。


1

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

0

usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssファイルを変更しました。

私たちは見つけなければなりません

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

「height」値を変更する必要があります。その後、テーマをリロードする必要があります。トップバーの他のパラメーターには、拡張機能「activity configurator」を使用します。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.