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 760455 - website is not responsive
website is not responsive
Status: RESOLVED OBSOLETE
Product: website
Classification: Infrastructure
Component: www.gnome.org
current
Other Linux
: Normal normal
: ---
Assigned To: GNOME Web maintainers
GNOME Web maintainers
Depends on:
Blocks:
 
 
Reported: 2016-01-11 13:34 UTC by Andreas Nilsson
Modified: 2017-02-01 15:14 UTC
See Also:
GNOME target: ---
GNOME version: ---


Attachments
screenshot of subnav text (14.37 KB, image/png)
2016-01-11 13:37 UTC, Andreas Nilsson
Details
contact item in small resolution (5.42 KB, image/png)
2016-01-11 13:39 UTC, Andreas Nilsson
Details
search screenshot (3.70 KB, image/png)
2016-01-11 13:56 UTC, Andreas Nilsson
Details
screenshot of social icons (17.01 KB, image/png)
2016-01-11 13:58 UTC, Andreas Nilsson
Details
Screenshot of logo and nav menu (10.07 KB, image/png)
2016-01-13 15:55 UTC, Tom Tryfonidis
Details
buttons lack padding (6.77 KB, image/png)
2016-01-21 15:41 UTC, Andreas Nilsson
Details

Description Andreas Nilsson 2016-01-11 13:34:05 UTC
Setting this up to track things easier.
See http://wgo-test.gnome.org
Comment 1 Andreas Nilsson 2016-01-11 13:35:49 UTC
The animation for sub-navigation is too slow. Should be quicker.
Comment 2 Andreas Nilsson 2016-01-11 13:37:16 UTC
Created attachment 318720 [details]
screenshot of subnav text

Needs the shadow disabled for these I think.
Comment 3 Andreas Nilsson 2016-01-11 13:39:02 UTC
Created attachment 318721 [details]
contact item in small resolution

"Contact" in small mode too close to line.
Comment 4 Andreas Nilsson 2016-01-11 13:56:10 UTC
Created attachment 318726 [details]
search screenshot

There is a glow to the search bar, and it has a slight rounding.
Should match the current gnome.org in look and behavior.
Comment 5 Andreas Nilsson 2016-01-11 13:58:16 UTC
Created attachment 318728 [details]
screenshot of social icons

Social icons are crammed together too tightly compared to the current version
Comment 6 Tom Tryfonidis 2016-01-11 15:55:31 UTC
Bug: Website doesn't detect mobile/tablet layout.

Possible fix: Add a meta viewport tag inside <head>

<meta name=viewport content="width=device-width, initial-scale=1">
Comment 7 Tom Tryfonidis 2016-01-11 17:24:03 UTC
Bug: Wrong article layout. E.g. http://wgo-test.gnome.org/events/2014/07/guadec-2014-core-days-finish/
There's no padding and sidebar should be on the right.

Fix: File - http://git-test.gnome.org/browse/gnome-web-www/plain/theme/index.php

Replace <class="container_12"> with <class="container">
Replace <div class="content"> with <div class="content span9">
Replace <div class="sidebar"> with <div class="sidebar span3"> or <div class="span3">

PS: I asked Sysadmin team to give me access to the testing instances to work with the theme.
Comment 8 Tom Tryfonidis 2016-01-13 15:55:27 UTC
Created attachment 318975 [details]
Screenshot of logo and nav menu

GNOME logo is not aligned with the navigation menu.

Fix: File responsive.css, line 71

Change the margin value to margin-top: 46px;
Comment 9 Andreas Nilsson 2016-01-21 15:41:44 UTC
Created attachment 319506 [details]
buttons lack padding

seems these buttons lack padding.
Comment 10 Andreas Nilsson 2016-02-02 13:20:10 UTC
(In reply to Tom Tryfonidis from comment #7)

> PS: I asked Sysadmin team to give me access to the testing instances to work
> with the theme.

Did you get access?
Comment 11 Tom Tryfonidis 2016-02-02 14:19:55 UTC
(In reply to Andreas Nilsson from comment #10)
> (In reply to Tom Tryfonidis from comment #7)
> 
> > PS: I asked Sysadmin team to give me access to the testing instances to work
> > with the theme.
> 
> Did you get access?

No, there wasn't any response and I closed the bug report as there's master branch on g.g.o which I have access and can contribute. If needed I'll open it again.
Comment 12 Tom Tryfonidis 2016-03-21 09:51:39 UTC
Andreas i've got access to the testing instances. What you want me to do?
Comment 13 Andreas Nilsson 2016-05-17 10:57:50 UTC
Sorry for missing your reply.
You can commit changes directly to the instance if you want.
Comment 14 Andreas Nilsson 2016-05-17 11:01:35 UTC
Do you have git commit access on git.gnome.org?
Comment 15 Tom Tryfonidis 2016-05-17 11:18:32 UTC
Andreas, I have access to git.gnome.org and git-test.gnome.org.

Also is there any reason we use an old version of Bootstrap? Latest version provides some goodies to the responsive grid and media queries for all the views. [1] Take a look at [2], i've proposed a responsive layout for Damned lies based on the latest Bootstrap 3.x version, so we can share code (mostly for the globalnav menu).

[1] https://getbootstrap.com/css/#responsive-utilities
[2] https://bugzilla.gnome.org/show_bug.cgi?id=766216
Comment 16 Andreas Nilsson 2016-05-17 11:25:15 UTC
> Also is there any reason we use an old version of Bootstrap? 

No, not really. I think it was because only Bootstrap 2 was available when this work got started. Updating to Bootstrap 3 sounds good to me.
Comment 17 Tom Tryfonidis 2016-05-17 11:43:08 UTC
(In reply to Andreas Nilsson from comment #16)
> No, not really. I think it was because only Bootstrap 2 was available when
> this work got started. Updating to Bootstrap 3 sounds good to me.

I see! I'll make a try with Bootstrap 3.
Any suggestion about what JQuery version to use? Minimun for BS3 to work is version > 1.9.
Comment 18 Tom Tryfonidis 2017-02-01 15:14:25 UTC
I'm closing this bug report as gnome.org is now responsive.

Most of the reported issues fixed or got obsolete by the new design.