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
 [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

Pull Requests

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-2024 The PHP Group
All rights reserved.
Last updated: Fri Oct 11 06:01:27 2024 UTC