[
https://issues.apache.org/jira/browse/JSPWIKI-1324?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=18139293#comment-18139293
]
ASF subversion and git services commented on JSPWIKI-1324:
----------------------------------------------------------
Commit f467f59781f08aaa1c2a472824de8b6b6f1e0d1f in jspwiki's branch
refs/heads/master from Arturo Bernal
[ https://gitbox.apache.org/repos/asf?p=jspwiki.git;h=f467f5978 ]
JSPWIKI-1324 Do not let the select lists be wider than their form
The rule for the select lists of a form did not limit their width, so on a
narrow screen the lists of the time zone and the time format of the user
preferences ended past the right edge. They are never wider than their form now.
> The time zone and time format lists of the user preferences page are wider
> than a narrow screen
> -----------------------------------------------------------------------------------------------
>
> Key: JSPWIKI-1324
> URL: https://issues.apache.org/jira/browse/JSPWIKI-1324
> Project: JSPWiki
> Issue Type: Bug
> Reporter: Arturo Bernal
> Priority: Minor
> Labels: pull-request-available
>
> Part of the points of JSPWIKI-1099 about the responsive design of the user
> preferences page.
> Measured with the WAR of master (4b436f943) on Tomcat 10.1, loading
> UserPreferences.jsp in Chromium at several widths and taking the right edge
> of every element:
> * 360 px wide: the select of the time format ends at 385 px and the select of
> the time zone at 594 px.
> * 500 px wide: the select of the time zone ends at 594 px.
> * 800 px and 1327 px wide: nothing goes past the right edge.
> The page itself does not scroll sideways (its scroll width is the width of
> the screen), while those lists end past the right edge. The cause is the rule
> .form-group select in forms.less, which does not limit the width, so each
> list is as wide as its longest option.
> Proposal: limit the width of those lists to that of their container.
--
This message was sent by Atlassian Jira
(v10.3.26#10030026)
