From 75da73c716e4209e572078ac32f72da4dab9c5be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Manuel=20Qui=C3=B1ones?= <manuq@laptop.org>
Date: Mon, 4 Jun 2012 16:18:44 -0300
Subject: [PATCH v2 sugar-artwork] Theme GtkSpinButton buttons SL #3406
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Mail-Followup-To: <sugar-devel@lists.sugarlabs.org>
- Set border radius to the buttons, so the layout is like
(value [-|+)) .
- Add a border between the buttons.
- Remove unneeded padding.
- Sets the active state colors, so the button blinks in black and
white.
- Remove unneeded variables and calculations.
Signed-off-by: Manuel Quiñones <manuq@laptop.org>
---
gtk3/theme/gtk-widgets.css.em | 32 ++++++++++++--------------------
1 file changed, 12 insertions(+), 20 deletions(-)
diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index 7186651..30ba2ed 100644
a
|
b
|
icon_large = icon_base * 5 |
155 | 155 | padding: $(border)px $(border)px $(border)px $(border)px; |
156 | 156 | |
157 | 157 | border-radius: $(2*subcell_size)px; |
| 158 | border-style: solid; |
158 | 159 | background-color: @button_grey; |
159 | 160 | color: @white; |
160 | 161 | } |
… |
… |
icon_large = icon_base * 5 |
171 | 172 | |
172 | 173 | /* Spin buttons */ |
173 | 174 | |
174 | | ${ spin_ythickness = my_ceil(3*subcell_size - font_height) } |
175 | | ${ spin_xthickness = subcell_size } |
176 | | ${ spin_btn_ythickness = spin_ythickness } |
177 | | ${ spin_btn_xthickness = subcell_size * 2 } |
178 | | |
179 | | .spinbutton.button, |
180 | | .spinbutton.button:focused, |
181 | | .spinbutton.button:active { |
182 | | padding: $(spin_ythickness)px $(spin_xthickness)px; |
183 | | border-color: @button_grey; |
184 | | border-width: $(thickness)px; |
| 175 | .spinbutton.button { |
| 176 | border-radius: 0px; |
| 177 | border-width: 0px; |
185 | 178 | background-color: @button_grey; |
186 | 179 | color: @white; |
187 | 180 | } |
188 | 181 | |
| 182 | .spinbutton.button:last-child { |
| 183 | border-radius: 0px $(subcell_size)px $(subcell_size)px 0px; |
| 184 | border-width: 0px 0px 0px $(thickness)px; |
| 185 | border-color: @selection_grey; |
| 186 | } |
| 187 | |
| 188 | |
189 | 189 | .spinbutton.button:active { |
190 | | background-color: @white; |
191 | | color: @black; |
192 | | border-color: @white; |
| 190 | background-color: @black; |
193 | 191 | } |
194 | 192 | |
195 | 193 | .spinbutton.button:insensitive { |
196 | 194 | background-color: @selection_grey; |
197 | 195 | } |
198 | 196 | |
199 | | .spinbutton.button:focused, |
200 | | .spinbutton.button:focused:prelight, |
201 | | .spinbutton.button:focused:insensitive { |
202 | | border-color: @white; |
203 | | } |
204 | | |
205 | 197 | /* Toggle buttons */ |
206 | 198 | |
207 | 199 | GtkToggleButton.button:active { |