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 729682 - Make the category view sidebar match the mockup more closely
Make the category view sidebar match the mockup more closely
Status: RESOLVED FIXED
Product: gnome-software
Classification: Applications
Component: General
3.13.x
Other Linux
: Normal normal
: ---
Assigned To: GNOME Software maintainer(s)
GNOME Software maintainer(s)
Depends on:
Blocks:
 
 
Reported: 2014-05-06 21:31 UTC by Elad Alfassa
Modified: 2014-08-03 23:25 UTC
See Also:
GNOME target: ---
GNOME version: ---


Attachments
Result (121.02 KB, image/png)
2014-05-06 21:31 UTC, Elad Alfassa
  Details
[PATCH] Make the category view sidebar match the mockup more closely (8.18 KB, patch)
2014-05-06 21:35 UTC, Elad Alfassa
none Details | Review
[PATCH] Make the category view sidebar match the mockup more closely (8.31 KB, patch)
2014-05-07 17:52 UTC, Elad Alfassa
committed Details | Review

Description Elad Alfassa 2014-05-06 21:31:45 UTC
Created attachment 276026 [details]
Result

This is the mockup:
https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/software/version2/hi-res-category.png

Attached screenshot:
How it looks with my patch

I'll attach the patch in a minute.
Comment 1 Elad Alfassa 2014-05-06 21:35:18 UTC
Created attachment 276027 [details] [review]
[PATCH] Make the category view sidebar match the mockup more closely
Comment 2 Yosef Or Boczko 2014-05-07 14:59:32 UTC
Review of attachment 276027 [details] [review]:

::: src/gs-shell-category.ui
@@ +14,1 @@
             <property name="margin-right">12</property>

Pleasw, use margin-start and margin-end instead.

::: src/gtk-style.css
@@ +141,3 @@
+.listbox_filter GtkListBoxRow {
+    padding-left: 5px;
+}

Please, add once for rtl, like:
.listbox_filter GtkListBoxRow:dir(rtl) {
    padding-right: 5px;
}
Comment 3 Elad Alfassa 2014-05-07 17:52:34 UTC
Created attachment 276092 [details] [review]
[PATCH] Make the category view sidebar match the mockup more closely

Done
Comment 4 Yosef Or Boczko 2014-05-09 13:15:05 UTC
Review of attachment 276092 [details] [review]:

::: src/gtk-style.css
@@ +140,3 @@
+
+.listbox_filter GtkListBoxRow {
+    padding-left: 5px;

Sorry, you forget to add here :dir(ltr) so this style
apply on ltr only, not rtl too.
Comment 5 Elad Alfassa 2014-05-09 13:25:02 UTC
If GTK respects the CSS standard, the more specific selectors will take precedence. dir(rtl) is a more specific selector. It's also further down the file so that boosts its priority too. Therefor, the selector you quoted here will not be applied on rtl. 

I tested it and it seems to work as intended, so I'm not going to make this change. Have you even tried to run gnome-software with my patch and see for yourself?
Comment 6 Elad Alfassa 2014-06-30 14:20:09 UTC
Still waiting for review :)
Comment 7 Kalev Lember 2014-08-03 23:25:02 UTC
I went through this and fixed up the issues you mentioned at GUADEC and pushed the patch. Good stuff, thanks Elad!

The final result looks like this:
https://kalev.fedorapeople.org/gnome-software-category-sidebar.png