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 793356 - Tab list misaligned
Tab list misaligned
Status: RESOLVED OBSOLETE
Product: epiphany
Classification: Core
Component: Interface
3.26.x
Other Linux
: Normal normal
: ---
Assigned To: Epiphany Maintainers
Epiphany Maintainers
Depends on:
Blocks:
 
 
Reported: 2018-02-10 14:59 UTC by Fabian Bornschein
Modified: 2018-08-03 21:26 UTC
See Also:
GNOME target: ---
GNOME version: ---


Attachments
screenshot (592.09 KB, image/png)
2018-02-10 14:59 UTC, Fabian Bornschein
  Details
Set halign depending on notebook position (2.61 KB, patch)
2018-02-18 11:30 UTC, Jan-Michael Brummer
none Details | Review
Revert "ephy-notebook: Set halign depending on notebook position" (2.55 KB, patch)
2018-02-18 17:18 UTC, Michael Catanzaro
committed Details | Review
Set hexpand depending on notebook position (3.16 KB, patch)
2018-02-18 17:39 UTC, Jan-Michael Brummer
committed Details | Review
Revert "ephy-notebook: Set hexpand depending on notebook position" (3.11 KB, patch)
2018-02-24 00:55 UTC, Michael Catanzaro
committed Details | Review

Description Fabian Bornschein 2018-02-10 14:59:31 UTC
Created attachment 368214 [details]
screenshot

I'm using the tab list instead of the tab bar in gnome web.
/org/gnome/epiphany/ui/tabs-bar-position -> "left"

Open browser Tabs are on the left from the window. While this is great (and should really be the standard for 16:9; 16:10 resolutions) there is a little problem.

Some Items in the list are missaligned. It just looks like a tree-view without logic.

For me the site of etcher alwas go way in.

They should, no matter what, aligned to the left in here, since it is a list: https://developer.gnome.org/hig/stable/lists.html.de
Comment 1 Michael Catanzaro 2018-02-10 17:42:41 UTC
I agree, that looks really bad. All of the tab labels should be left-aligned, except the new tab button and the tab menu should be centered. I wonder if anyone has tested tabs on the left in the past year or two.
Comment 2 Jan-Michael Brummer 2018-02-10 21:36:11 UTC
How are they handled in ephy? I thought this is a gtk notebook where it is always fixed at center with no option to change it.
Comment 3 Michael Catanzaro 2018-02-11 19:09:50 UTC
(In reply to Jan-Michael Brummer from comment #2)
> How are they handled in ephy? I thought this is a gtk notebook where it is
> always fixed at center with no option to change it.

It is indeed a GtkNotebook. Is the label really forced to be centered? I admit that, after playing around a bit in GtkInspector, I was not immediately able to find a way to change that.

Tabs on the left was originally intended to satisfy users who wanted a tabkit2-style extension, but it doesn't implement a hierarchy, so it didn't really take off. There almost no maintenance burden here, so no real reason to remove it; otherwise, I'd be tempted to get rid of it, since it does not seem very good.
Comment 4 Jan-Michael Brummer 2018-02-11 19:32:36 UTC
Currently the new page is inserted with NULL as parameter for the tab label, therefore it does the fallback to the default behaviour. So i guess we can change it using a new custom tab label.
Comment 5 Jan-Michael Brummer 2018-02-18 11:30:23 UTC
Created attachment 368512 [details] [review]
Set halign depending on notebook position

Actually my previous comment is wrong: Ephiphany already has a custom title widget. This patch hooks to position property and changes horizontal alignment depending on notebook position.
Comment 6 Jan-Michael Brummer 2018-02-18 16:49:42 UTC
We need to revert this commit, as due to this change also the close button has switched position. I'll update my patch.
Comment 7 Michael Catanzaro 2018-02-18 17:18:13 UTC
The following fix has been pushed:
89fce08 Revert "ephy-notebook: Set halign depending on notebook position"
Comment 8 Michael Catanzaro 2018-02-18 17:18:16 UTC
Created attachment 368522 [details] [review]
Revert "ephy-notebook: Set halign depending on notebook position"

This reverts commit 6e23db528f5e80effbf667de70085eee74a116c6.
Comment 9 Jan-Michael Brummer 2018-02-18 17:39:32 UTC
Created attachment 368523 [details] [review]
Set hexpand depending on notebook position

Updated version which keeps other elements in place.

Please double check it and sorry for the inconvenience. Spotted the close button issue only with a very small page title.
Comment 10 Michael Catanzaro 2018-02-19 17:48:49 UTC
It doesn't seem obviously broken, so I'm going to push it.
Comment 11 Michael Catanzaro 2018-02-19 17:49:44 UTC
And short page titles ("Most Visited") look fine in the current version.
Comment 12 Michael Catanzaro 2018-02-23 20:42:08 UTC
Review of attachment 368523 [details] [review]:

::: src/ephy-notebook.c
@@ -710,3 +743,3 @@
   hbox = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 6);
   gtk_widget_show (hbox);
-  gtk_widget_set_halign (hbox, GTK_ALIGN_CENTER);
+  gtk_widget_set_halign (hbox, GTK_ALIGN_FILL);

I don't like this GTK_ALIGN_CENTER -> GTK_ALIGN_FILL change. There's now a big unsightly gap between the favicon and the page title for pages with small titles.

What do you think?
Comment 13 Michael Catanzaro 2018-02-24 00:55:10 UTC
The following fix has been pushed:
9f953dc Revert "ephy-notebook: Set hexpand depending on notebook position"
Comment 14 Michael Catanzaro 2018-02-24 00:55:16 UTC
Created attachment 368863 [details] [review]
Revert "ephy-notebook: Set hexpand depending on notebook position"

This reverts commit 20fd550e59f8b9a4e0d4d268ecea47ff53dc4bda.
Comment 15 Michael Catanzaro 2018-02-24 00:55:48 UTC
Reopening
Comment 16 GNOME Infrastructure Team 2018-08-03 21:26:26 UTC
-- GitLab Migration Automatic Message --

This bug has been migrated to GNOME's GitLab instance and has been closed from further activity.

You can subscribe and participate further through the new bug through this link to our GitLab instance: https://gitlab.gnome.org/GNOME/epiphany/issues/456.