php.net |  support |  documentation |  report a bug |  advanced search |  search howto |  statistics |  random bug |  login
Bug #69535 Title function name partially hidden behind language select on small screens
Submitted: 2015-04-27 13:15 UTC Modified: 2015-12-04 22:41 UTC
Votes:2
Avg. Score:4.0 ± 1.0
Reproduced:1 of 1 (100.0%)
Same Version:1 (100.0%)
Same OS:1 (100.0%)
From: soeren dot schwert at t-online dot de Assigned:
Status: Verified Package: Website problem
PHP Version: Irrelevant OS: Android
Private report: No CVE-ID: None
View Add Comment Developer Edit
Welcome! If you don't have a Git account, you can't do anything here.
You can add a comment by following this link or if you reported this bug, you can edit this bug over here.
(description)
Block user comment
Status: Assign to:
Package:
Bug Type:
Summary:
From: soeren dot schwert at t-online dot de
New email:
PHP Version: OS:

 

 [2015-04-27 13:15 UTC] soeren dot schwert at t-online dot de
Description:
------------
Responsive website problem:

When accessing the PHP.net website documentation on smartphones in profile orientation, the title function name is partially hidden behind the language select label and select box.

Example Screenshots:
compact function doc page (http://php.net/compact): https://www.dropbox.com/s/3w7wmfwe4dfr7h6/Screenshot_2015-04-27-13-45-36.png?dl=0

in_array function doc page (http://php.net/manual/en/function.in-array.php): https://www.dropbox.com/s/yu045tx1n59ptee/Screenshot_2015-04-27-13-51-46.png?dl=0


Patches

Add a Patch

Pull Requests

Add a Pull Request

History

AllCommentsChangesGit/SVN commitsRelated reports
 [2015-04-27 13:55 UTC] cmb@php.net
-Status: Open +Status: Verified
 [2015-04-27 13:55 UTC] cmb@php.net
That does even happen on larger viewports, if the name of the
function is long enough, see, for instance
<http://php.net/manual/en/function.geoip-continent-code-by-name.php>.

It's caused by an overflow:hidden, see
<https://github.com/php/web-php/blob/master/styles/theme-base.css#L331>.
Is there a particular reason to have this overflow:hidden for all
headings? Otherwise I suggest to remove or override it, and maybe
to add word-wrap:break-word.
 [2015-04-28 05:14 UTC] levim@php.net
The overflow:hidden was originally there to avoid the headerbackground from leaking into Change language section. Note that while the background has been removed the border is still there and "leaks" into the Change language content.

My preferred way to fix this situation would be to remove the overflows, etc, on the headers and only show the Change language options at that location on small screens. On sufficiently large screens it would go into the sidebar above the related functions sections. See http://imgur.com/a/1Hvax#0
 [2015-04-28 05:15 UTC] levim@php.net
Excuse me, in that last post I said:

> Note that while the background has been removed the border is still there and "leaks" into the Change language content.

It should have read:

> Note that while the background has been removed the border is still there and would leaks into the Change language content if we remove overflow:hidden.
 [2015-12-04 20:18 UTC] php at hotblocks dot nl
Still a problem. We don't care? It's annoying and SO easy to fix! Function over form, right? Just make it work, we'll take the 1cm extra scroll.
 [2015-12-04 22:41 UTC] aharvey@php.net
Your pull request fixing this is welcome at https://github.com/php/web-php.
 
PHP Copyright © 2001-2020 The PHP Group
All rights reserved.
Last updated: Tue Dec 01 03:01:24 2020 UTC