मानक जीटीके ऐप में टाइटलबार की ऊँचाई को कैसे बदलें और हेडरबार / सीएसडी के साथ गनोम 3.20 पर

Question

Gnome 3.18 में, gnome 3 / gtk + 3 में Reduce title bar height के~/.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;
}

गनोम 3.20 में, यह अब हेडरबार / सीएसडी के साथ खिड़कियों पर लागू नहीं होता है (शीर्षक बार में सूक्ति-विशिष्ट बटन), जैसे कि नॉटिलस (फाइलें), सेटिंग्स, फोटो, संपर्क, आदि। ट्वीक अभी भी शीर्षक पट्टी की ऊंचाई को कम करता है। अन्य अनुप्रयोगों के लिए, जैसे सूक्ति-टर्मिनल और जीवीएम। मैं ग्नोम-3.20 में नौटिलस जैसे सूक्ति-कार्यक्रमों में टाइटलबार की ऊंचाई को कैसे कम करूं?

---

अद्यतन करें

मैंने यह भी कोशिश की है कि इस लाल धागे में क्या सुझाया गया है । मैंने केवल 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;
}

Comments

fwiw यह एक

— गीक

आपके अपडेट के समाधान ने आर्क ऑन गनोम 3.20 पर मेरे लिए बहुत अच्छा काम किया। मानों को थोड़ा समायोजित करना पड़ा, और यह GTK3 CSDs तक नहीं बढ़ा, लेकिन वे वैसे भी पागल हैं। धन्यवाद!

— सिमोन

खुशी है कि यह उपयोगी है! मैंने अपने उत्तर में CSDs / हैडरबार्स के बारे में कुछ टिप्पणियां पोस्ट की हैं, इसे आज़माएं और देखें कि क्या यह मदद करता है।

— joelostblom

@ मेनग्ल कृपया इसे पढ़ें: meta.stackexchange.com/questions/283468/…

— शैडो द प्रिंसेस विजार्ड

Answer 1

1. एक फ़ाइल बनाएं ~ / .config / gtk-3.0 / gtk.css (नीचे सीएसएस जोड़ें)
2. फिर आपको सूक्ति-शैल को फिर से लोड करना होगा: ALT + F2और टाइप करेंr

मैं निम्नलिखित सीएसएस के साथ 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;
  }

Comments

alt+f2तो rटिप अद्भुत है; धन्यवाद!

— बर्ट जू

ध्यान दें कि Alt + F2 एक वेलैंड सत्र के साथ काम नहीं करता है

— फ्रेडरिक नॉर्ड

आप इसे अनुभाग min-height: 10px;में जोड़कर थोड़ा और सिकोड़ सकते हैं headerbar entry etc, और 16px min-height: 24px;में बदल सकते हैं headerbar;

— माइकलमी

Answer 2

Headerbar / CSD

दरअसल, कोड का एक भाग जो मुझे रेडिट के माध्यम से मिला और ऊपर पोस्ट किया गया, अर्थात्

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

शीर्षलेख / सीएसडी को संशोधित करता है । हालांकि प्रभाव तत्काल नहीं है। यहां तक ​​कि अगर आप सूक्ति को फिर से लोड करते हैं, तो आपको सभी विंडो बंद करने, थोड़ी प्रतीक्षा करने या लॉग आउट करने और प्रभाव को देखने के लिए फिर से लॉग इन करने की आवश्यकता हो सकती है।

निम्नलिखित को संशोधित करते समय मुझे अभी भी हेडर बार में कोई अंतर नहीं दिखाई दे रहा है।

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

मानक शीर्षक

सामान्य विंडो टाइटलबार के लिए दो खंड अपेक्षित रूप से काम करते हैं।

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

टाइटलबार की सीमा

यदि आप डिफ़ॉल्ट अद्वैत विषय चला रहे हैं, तो आप शीर्षक सीमा को हटाने के लिए निम्नलिखित का उपयोग कर सकते हैं। से 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);
}

Comments

क्या ये सभी सुझाए गए बदलाव "~ / .config / gtk-3.0 / gtk.css" या जहां वास्तव में किए गए हैं?

— एज़रा-एस

@ ezra-s हाँ, उपरोक्त में से कोई भी अनुभाग जोड़ा जाएगा~/.config/gtk-3.0/gtk.css

— joelostblom

Answer 3

विषय के लिए स्पर्शरेखा, आप अधिकतम विंडो पर टाइटल बार को छिपाने के लिए मैक्सिमम शेल एक्सटेंशन डाउनलोड कर सकते हैं। उपयोगी usecase काफी।

जहाँ तक मुझे पता है, वीलैंड के साथ संगत नहीं है, लेकिन इसका परीक्षण नहीं किया।

Answer 4

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

Answer 5

मैंने 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;

हमें "ऊंचाई" मान को बदलना होगा। बाद में हमें थीम को फिर से लोड करना होगा। मैं टॉपबार के अन्य मापदंडों के लिए एक्सटेंशन "गतिविधियों के विन्यासक" का उपयोग करता हूं।