After an evaluation, GNOME has moved from Bugzilla to GitLab. Learn more about GitLab.
No new issues can be reported in GNOME Bugzilla anymore.
To report an issue in a GNOME project, go to GNOME GitLab.
Do not go to GNOME Gitlab for: Bluefish, Doxygen, GnuCash, GStreamer, java-gnome, LDTP, NetworkManager, Tomboy.
Bug 655428 - Dialog button theming
Dialog button theming
Status: RESOLVED FIXED
Product: gnome-shell
Classification: Core
Component: general
3.0.x
Other Linux
: Normal normal
: ---
Assigned To: gnome-shell-maint
gnome-shell-maint
Depends on:
Blocks:
 
 
Reported: 2011-07-27 14:44 UTC by Allan Day
Modified: 2011-08-03 10:25 UTC
See Also:
GNOME target: ---
GNOME version: ---


Attachments
Dialog button details (166.07 KB, image/png)
2011-07-27 14:44 UTC, Allan Day
  Details
patch - theme changes to the dialog buttons (3.02 KB, patch)
2011-08-02 15:45 UTC, Allan Day
reviewed Details | Review
patch - theme changes to the dialog buttons (2.76 KB, patch)
2011-08-03 09:11 UTC, Allan Day
committed Details | Review

Description Allan Day 2011-07-27 14:44:55 UTC
Created attachment 192756 [details]
Dialog button details

There are a few things missing from the shell's dialog buttons:

 * Labels should be bold and white

 * Buttons containing the default action should have a 2px wide stroke

 * The fill needs a stronger gradient

 * Buttons should light up on hover

An image containing a screenshot of the current state, the mockup and some other details is attached.
Comment 1 Allan Day 2011-08-02 15:45:18 UTC
Created attachment 193087 [details] [review]
patch - theme changes to the dialog buttons

This patch makes most of the required changes. It misses a couple of things though:

 * Multiple stops on the gradient - requires bug 624383

 * The buttons are currently too tall (40px high). They should be more like 32px high.

 * It doesn't bold the button labels. It looks good on the mockups but seems too heavy in real life.
Comment 2 Florian Müllner 2011-08-02 19:23:04 UTC
Review of attachment 193087 [details] [review]:

(In reply to comment #1)
> This patch makes most of the required changes. It misses a couple of things
> though:
>  [...]
>  * The buttons are currently too tall (40px high). They should be more like
> 32px high.

Fix it then? Either choose another font size or decrease the top/bottom padding. This likes like a change which is perfectly in scope for this bug :-)

Other than that just some minor nits:

::: data/theme/gnome-shell.css
@@ +1049,3 @@
 
+.summary-boxpointer:hover {
+    -arrow-border-colour: #babdb6; 

Trailing space (not a big deal, but Linus apparently dislikes them, so git is pretty anal about it)

::: js/ui/modalDialog.js
@@ +84,2 @@
         this._buttonLayout = new St.BoxLayout({ style_class: 'modal-dialog-button-box',
+                                                opacity:     255,

Actors default to full opacity, so instead of changing the property value, you can just remove it.
Comment 3 Allan Day 2011-08-03 09:11:42 UTC
Created attachment 193144 [details] [review]
patch - theme changes to the dialog buttons

Updated patch with the recommended changes.

Thanks for the advice Florian!
Comment 4 Florian Müllner 2011-08-03 10:12:26 UTC
Review of attachment 193144 [details] [review]:

Go for it!