1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
From d6a43f7c080487bdde8157c767023a1f8d76a240 Mon Sep 17 00:00:00 2001
From: Maurizio Galli <maurizio.galli@gmail.com>
Date: Thu, 17 Dec 2020 03:28:42 +0800
Subject: [PATCH 1/2] Make CSD titlebars slimmer
---
light/gtk-3.0/_common.scss | 56 ++++++++++++++++++++++++++++----------
1 file changed, 41 insertions(+), 15 deletions(-)
diff --git a/light/gtk-3.0/_common.scss b/light/gtk-3.0/_common.scss
index ad5f199..fdf1aa0 100644
--- a/light/gtk-3.0/_common.scss
+++ b/light/gtk-3.0/_common.scss
@@ -1419,7 +1419,7 @@ searchbar,
%titlebar,
headerbar {
padding: 0 5px;
- min-height: 38px;
+ min-height: 32px;
border-width: 0 0 1px;
border-style: solid;
border-color: $borders_color;
@@ -1586,13 +1586,13 @@ headerbar {
}
&.default-decoration {
- min-height: 28px;
+ min-height: 24px;
padding: 4px;
button.titlebutton,
menubutton.titlebutton {
- min-height: 26px;
- min-width: 26px;
+ min-height: 22px;
+ min-width: 22px;
margin: 0;
padding: 0;
}
@@ -1621,35 +1621,61 @@ headerbar {
headerbar {
// add vertical margins to common widget on the headerbar to avoid them spanning the whole height
entry,
- spinbutton,
- separator,
- button {
+ separator {
margin-top: 3px;
margin-bottom: 3px;
}
+ spinbutton,
+ button {
+ margin-top: 2px;
+ margin-bottom: 2px;
+ padding-top: 0;
+ padding-bottom: 0;
+ }
button label {
min-width: 28px;
- min-height: 28px;
+ min-height: 22px;
}
button.titlebutton image {
min-width: 22px;
min-height: 22px;
}
button:not(.image-button):not(.titlebutton) image {
- min-width: 28px;
- min-height: 28px;
+ min-width: 22px;
+ min-height: 22px;
}
button.image-button {
- min-width: 28px;
- min-height: 28px;
+ min-width: 22px;
+ min-height: 22px;
padding-left: 2px;
padding-right: 2px;
}
+ .stack-switcher button {
+ min-width: 26px;
+ min-height: 26px;
+ &:not(.text-button) {
+ min-height: 22px;
+ min-width: 22px;
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+ }
+ buttonbox {
+ padding: 0px;
+ button {
+ min-width: 26px;
+ min-height: 26px;
+ &:not(.text-button) {
+ min-width: 22px;
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+ }
+ }
switch {
- margin-top: 9px;
- margin-bottom: 9px;
+ margin-top: 5px;
+ margin-bottom: 5px;
}
- buttonbox { padding: 0px; }
}
.background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar,
--
2.29.2
|