web-dev-qa-db-ja.com

Ubuntu 17.10および18.04でoverlay-scrollbarsを削除する方法は？

Gtk-Message：モジュール "overlay-scrollbar" Ubuntu 17.1 のロードで、以前のバージョンで動作していた17.10ソリューションが動作しなくなったため（例：N0rbertsオプション2（ "overlay-scrollbar stuffの削除"））。 ）。

gnome18.0417.10gtkoverlay-scrollbars
7
wdp

古いUbuntuバージョンで動作するソリューションが動作しなくなった理由は、GTK +がスタイルとレイアウトに使用するCSSの変更です。

これを〜/ .config/gtk-3.0/gtk.cssに入れます（必要に応じてファイルを作成します）：

/*************
 * scrollbar *
 *************/

.scrollbar,
scrollbar {
    -GtkScrollbar-has-backward-stepper: 1;
    -GtkScrollbar-has-forward-stepper: 1;
}

scrollbar slider {
    background-color: @scrollbar_track_color;
}

.scrollbar.vertical slider,
scrollbar.vertical slider {
    min-height: 15px;
    min-width: 10px;
}

.scrollbar.horizontal.slider,
scrollbar.horizontal slider {
    min-width: 15px;
    min-height: 10px;
}

.scrollbar.vertical.slider:hover,
scrollbar.vertical:hover slider {
    min-width: 10px;
}

.scrollbar.horizontal.slider:hover,
scrollbar.horizontal:hover slider {
    min-height: 10px;
}

.scrollbar.contents,
scrollbar contents {
    background-color: transparent;
    background-image: none;
    background-size: 0;
    border: none;
    border-radius: 0;
}

.scrollbar.trough,
scrollbar trough {
    background-image: none;
    border: none;
}

.scrollbar:hover:backdrop,
.scrollbar.dragging:backdrop,
scrollbar:hover:backdrop,
scrollbar.dragging:backdrop {
    background-color: alpha(@backdrop_selected_bg_color, 0.5);
}


.scrollbar.vertical:hover:dir(ltr),
.scrollbar.vertical:active:dir(ltr),
scrollbar.vertical:hover:dir(ltr),
scrollbar.vertical:active:dir(ltr) {
    margin-left: 0px;
}

.scrollbar.vertical:hover:dir(rtl),
.scrollbar.vertical:active:dir(rtl),
scrollbar.vertical:hover:dir(rtl),
scrollbar.vertical:active:dir(rtl) {
    margin-right: 0px;
}

.scrollbar.horizontal:hover,
.scrollbar.horizontal:active,
scrollbar.horizontal:hover,
scrollbar.horizontal:active {
    margin-top: 0px;
}

.scrollbar.slider,
scrollbar slider {
    background-color: alpha(@backdrop_filling_bg, 0.75);
    border-radius: 10px;
}

.scrollbar.slider:hover,
.scrollbar.slider:active,
scrollbar slider:hover,
scrollbar slider:active {
    border-radius: 20px;
    margin: 0;
}


.scrollbar.vertical:dir(ltr):not(:hover):not(.dragging),
scrollbar.vertical:dir(ltr):not(:hover):not(.dragging) {
    margin-left: 0px;
}

.scrollbar.vertical:dir(rtl):not(:hover):not(.dragging),
scrollbar.vertical:dir(rtl):not(:hover):not(.dragging) {
    margin-right: 0px;
}

.scrollbar.horizontal:not(:hover):not(.dragging),
scrollbar.horizontal:not(:hover):not(.dragging) {
    margin-top: 0px;
}


.scrollbar.slider:hover,
scrollbar slider:hover {
    background-color: alpha(@backdrop_filling_bg, 0.6);
}

.scrollbar.slider:active,
scrollbar slider:active {
    background-color: @backdrop_filling_bg;
}

.scrollbar.slider:backdrop,
scrollbar slider:backdrop {
    background-color: alpha(@backdrop_filling_bg, 0.75);
}

.scrollbar.slider:hover:backdrop,
scrollbar slider:hover:backdrop {
    background-color: alpha(@backdrop_filling_bg, 0.6);
}

.scrollbar.slider:active:backdrop,
scrollbar slider:active:backdrop {
    background-color: @backdrop_filling_bg;
}

Synapticのようなルートアプリケーションで同じスクロールバーエクスペリエンスを得るには、同じものを/root/.config/gtk-3.0/gtk.cssに入れます。

これにより、非アクティブのときにスクロールバーが消えないようになります。

echo "GTK_OVERLAY_SCROLLING=0" >> /etc/environment

変更を有効にするには、アプリケーションの再起動が必要になる場合があります。ログアウトして再度ログインします。

ただし、スクロールバーは予想されるほど「プロフェッショナル」に見えず、アプリケーションによって外観が異なるため、このソリューションには完全に満足していません。例えば。 Firefoxではステッパーは正常に見えます-上矢印と下矢印が表示されます。 GnomeターミナルとNautilusでは、これらは矢印のない丸い長方形になっています（また、開発中のアプリケーションでも同様です）。

他のアプリケーションには、「独自の」スクロールバーが付属しています。ガニー。これらはこれらの設定にまったく影響されず、まともなスクロールバーから期待されるように見えます。たぶん誰かがGeanyからそれらを「盗む」方法を見つけ出すことができるでしょう。 更新：18.04 Geanyには独自のスクロールバーが付属していませんが、たとえばFBReaderとGimpはまだあります。

ただし、ワーピングスライダーを削除しても、古い方法で動作します。

echo "gtk-primary-button-warps-slider = false" >> /etc/gtk-3.0/settings.ini
3
wdp

Ubuntu 18.04で、テーマ（Ambiance）の独自のスクロールバー（すべてのLinux mintフォーラムより上）のWebのさまざまなサイトからピックアップを作成しました。オーバーレイはありません。最終的に他の調整とともに〜/ .config/gtk-3.0/gtk.cssにコードを配置する必要があります。ログアウトしてログインし、有効にします。あなたがそれを好めばそれを使用してください：

    scrollbar slider {
    /* Size of the slider */
    min-width: 18px;
    min-height: 18px;
    border-radius: 15px;

    /* Padding around the slider */
    border: 1px solid #606307;
}

scrollbar trough {
    background-color: shade(@theme_bg_color, 0.5);
}

scrollbar button,
scrollbar button.vertical,
scrollbar button.horizontal,
scrollbar .button,
scrollbar .button.vertical,
scrollbar .button.horizontal {
    color: shade(@theme_bg_color, 0.10);
    background-color: shade(@theme_bg_color, 0.6);
}

scrollbar.vertical slider,
scrollbar.vertical .slider {
    background-image: radial-gradient(ellipse at center, #dba13f 0%, #7c4e00 100%);
}

scrollbar.horizontal slider,
scrollbar.horizontal .slider {
    background-image: radial-gradient(ellipse at center, #dba13f 0%, #7c4e00 100%);
0
Alessandro D'lncal

考えられる解決策は、テーマをAmbianceまたはRadianceからAdwaitaにgnome-tweaksで切り替えることです：

  1. gnome-tweaksでSudo apt-get install gnome-tweaksをインストールします
  2. gnome-tweaksを起動します
  3. 外観タブのテーマに移動してアプリケーションを選択し、ここでAdwaitaを選択します。

または、ClearlooksテーマのGTK3ポート（Sudo apt-get install clearlooks-phenix-themeでインストール）に切り替えます。

CSS駆動型のソリューションはまだ見つかりませんでした。

0
N0rbert