[
https://issues.apache.org/jira/browse/JSPWIKI-1324?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Arturo Bernal updated JSPWIKI-1324:
-----------------------------------
Description:
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.
was:
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), so the part of the list past the edge is not reachable. 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.
> 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
>
> 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)
