FLUID-4326: Increased text-size & line-spacing breaks browse/add more button in Uploader

Metadata

Source
FLUID-4326
Type
Bug
Priority
Blocker
Status
Closed
Resolution
Fixed
Assignee
heidi valles
Reporter
heidi valles
Created
2011-07-07T09:44:50.150-0400
Updated
2011-07-09T08:46:47.575-0400
Versions
  1. 1.3.1
Fixed Versions
  1. 1.4
Component
  1. Uploader

Description

I think this can be solved by changing the width/height of the browse/add more button to use ems instead of pxs. Right now when text size and line height is increased, the text gets cut off and the button is no longer click-able.

uploader.css (lines 208 & 218)

.fl-uploader-browse.fl-uploader-browseMore {
width: 65px;
}
.fl-uploader-browse {
height: 24px;
}

And also change the clickable area to use ems. The above will make the whole button visible, but make sure the whole thing is also clickable. This stuff:

(line 223)
.fl-uploader-browse input {
bottom: 28px;
float: right;
height: 40px;
left: 10px;

Comments