web-dev-qa-db-ja.com

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

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

.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;
}
gnome3window-managernautilusmutter
32
joelostblom

ヘッダーバー/ 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 [〜＃〜]ヘッダーバー/ 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);
}
11
joelostblom
  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;
  }
13
Francesco

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

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

1
Paulo Neves

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

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;

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

0
Poumon