[MOBI-768] Menu Button wraps long text - ICEsoft JIRA Issue Tracker

Details

Type: Bug
Status: Resolved
Priority: Major
Resolution: Fixed
Affects Version/s: 1.3 Beta
Fix Version/s: 1.3 Final
Component/s: Core
Labels:
None
Environment:
n/a

Description

The menuButton css design sets the outer div and child elements to a fixed width. This causes longer text to wrap and overflow out of view. The css needs to be redesigned to support variable length text in both the button and the drop down.

Activity

Ascending order - Click to sort in descending order

Philip Breau created issue - 03/Jun/13 4:39 PM

Philip Breau made changes - 03/Jun/13 4:39 PM

Field	Original Value	New Value
Assignee	Steve Maryka [ steve.maryka ]	Philip Breau [ philip.breau ]

Philip Breau made changes - 03/Jun/13 4:39 PM

Fix Version/s

1.3 Final [ 10873 ]

Hide

Permalink

Philip Breau added a comment - 04/Jun/13 10:49 AM

Revision: 35857
Author: philip.breau
Date: June-04-13 10:50:42 AM
Message:
~~MOBI-768~~ Menu Button wraps long text

wrapping long text fixed by redesigning css so that the button now expands with the text
added default button styling and removed custom menu button cosmetic styling

Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/IMenuButton.java
Modified : /icemobile/trunk/icemobile/resources/themes/android_dark/1_button_ext.scss
Deleted : /icemobile/trunk/icemobile/resources/themes/android_dark/1_menubutton_ext.scss
Modified : /icemobile/trunk/icemobile/resources/themes/android_light/1_button_ext.scss
Deleted : /icemobile/trunk/icemobile/resources/themes/android_light/1_menubutton_ext.scss
Modified : /icemobile/trunk/icemobile/resources/themes/archaic/1_menubutton_ext.css
Modified : /icemobile/trunk/icemobile/resources/themes/base/1_menubutton.css
Deleted : /icemobile/trunk/icemobile/resources/themes/bberry/1_menubutton_ext.css
Deleted : /icemobile/trunk/icemobile/resources/themes/ipad/1_menubutton_ext.css
Deleted : /icemobile/trunk/icemobile/resources/themes/iphone/1_menubutton_ext.css

Show

Philip Breau added a comment - 04/Jun/13 10:49 AM Revision: 35857 Author: philip.breau Date: June-04-13 10:50:42 AM Message: MOBI-768 Menu Button wraps long text wrapping long text fixed by redesigning css so that the button now expands with the text added default button styling and removed custom menu button cosmetic styling Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/IMenuButton.java Modified : /icemobile/trunk/icemobile/resources/themes/android_dark/1_button_ext.scss Deleted : /icemobile/trunk/icemobile/resources/themes/android_dark/1_menubutton_ext.scss Modified : /icemobile/trunk/icemobile/resources/themes/android_light/1_button_ext.scss Deleted : /icemobile/trunk/icemobile/resources/themes/android_light/1_menubutton_ext.scss Modified : /icemobile/trunk/icemobile/resources/themes/archaic/1_menubutton_ext.css Modified : /icemobile/trunk/icemobile/resources/themes/base/1_menubutton.css Deleted : /icemobile/trunk/icemobile/resources/themes/bberry/1_menubutton_ext.css Deleted : /icemobile/trunk/icemobile/resources/themes/ipad/1_menubutton_ext.css Deleted : /icemobile/trunk/icemobile/resources/themes/iphone/1_menubutton_ext.css

Philip Breau made changes - 04/Jun/13 10:49 AM

Status	Open [ 1 ]	Resolved [ 5 ]
Resolution		Fixed [ 1 ]

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35857	Tue Jun 04 10:50:42 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - wrapping long text fixed by redesigning css so that the button now expands with the text - added default button styling and removed custom menu button cosmetic styling
				Files Changed
				DEL /icemobile/trunk/icemobile/resources/themes/iphone/1_menubutton_ext.css MODIFY /icemobile/trunk/icemobile/resources/themes/android_dark/1_button_ext.scss MODIFY /icemobile/trunk/icemobile/resources/themes/archaic/1_menubutton_ext.css MODIFY /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/IMenuButton.java DEL /icemobile/trunk/icemobile/resources/themes/android_light/1_menubutton_ext.scss DEL /icemobile/trunk/icemobile/resources/themes/ipad/1_menubutton_ext.css MODIFY /icemobile/trunk/icemobile/resources/themes/base/1_menubutton.css MODIFY /icemobile/trunk/icemobile/resources/themes/android_light/1_button_ext.scss DEL /icemobile/trunk/icemobile/resources/themes/android_dark/1_menubutton_ext.scss DEL /icemobile/trunk/icemobile/resources/themes/bberry/1_menubutton_ext.css

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35858	Tue Jun 04 10:52:54 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - change iphone button css to scss and add border-box mixin
				Files Changed
				ADD /icemobile/trunk/icemobile/resources/themes/iphone/1_button_ext.scss DEL /icemobile/trunk/icemobile/resources/themes/iphone/1_button_ext.css

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35863	Tue Jun 04 12:34:34 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - add right padding on root div to allow for effective click region on right side
				Files Changed
				MODIFY /icemobile/trunk/icemobile/resources/themes/base/1_menubutton.css

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35900	Tue Jun 04 17:03:52 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - remove border-box sizing on header back button
				Files Changed
				MODIFY /icemobile/trunk/icemobile/resources/themes/android_dark/1_button_ext.scss MODIFY /icemobile/trunk/icemobile/resources/themes/android_light/1_button_ext.scss

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35916	Wed Jun 05 11:16:15 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - wrapping long text fixed by redesigning css so that the button now expands with the text - added default button styling and removed custom menu button cosmetic styling
				Files Changed
				MODIFY /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/base/1_menubutton.css MODIFY /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/archaic/1_menubutton_ext.css MODIFY /icemobile/branches/icemobile-1.3.0/icemobile/core/src/main/java/org/icemobile/component/IMenuButton.java DEL /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/bberry/1_menubutton_ext.css DEL /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/android_dark/1_menubutton_ext.scss DEL /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/android_light/1_menubutton_ext.scss DEL /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/iphone/1_menubutton_ext.css DEL /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/ipad/1_menubutton_ext.css MODIFY /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/android_light/1_button_ext.scss MODIFY /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/android_dark/1_button_ext.scss

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35917	Wed Jun 05 11:18:38 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - change iphone button css to scss and add border-box mixin
				Files Changed
				DEL /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/iphone/1_button_ext.css ADD /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/iphone/1_button_ext.scss

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35988	Thu Jun 06 10:43:30 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - fix bb10
				Files Changed
				MODIFY /icemobile/trunk/icemobile/resources/themes/bb10/2_ui.scss MODIFY /icemobile/trunk/icemobile/resources/themes/base/1_button.css

Repository	Revision	Date	User	Message
ICEsoft Public SVN Repository	#35990	Thu Jun 06 10:56:24 MDT 2013	philip.breau	~~MOBI-768~~ Menu Button wraps long text - fix bb10
				Files Changed
				MODIFY /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/base/1_button.css MODIFY /icemobile/branches/icemobile-1.3.0/icemobile/resources/themes/bb10/2_ui.scss

People

Assignee:

Philip Breau

Reporter:

Philip Breau

Votes:

0 Vote for this issue

Watchers:

1 Start watching this issue

Dates

Created:

03/Jun/13 4:39 PM

Updated:

04/Jun/13 10:49 AM

Resolved:

04/Jun/13 10:49 AM