Permalink
Browse files

ENHANCEMENT: UI Changes to FileUpload Area (TRAC-7219)

1. Add arrows to edit dropdowns
2. Adjust lightened fields so they don't look like input boxes, and fix
rgba colours
3. Add ability to click file names to edit
4. Add feedback when edit button is hovered
5. Add feedback if a file has been opened for editing and shut again
(saved changes, unsaved changes, unchanged)
6. Add ability to open and close all files to edit them all at once
7. Add overall feedback for file uploads, and fix NaN error
8. Fix up area to match design
9. Fix error messages so they fit in the provided space
10. Fix case where a single uploaded file errors
  • Loading branch information...
1 parent 7d5e46c commit d642eee28e0b545280af74f856153df54af796fc @adrexia adrexia committed May 9, 2012
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -61,6 +61,10 @@
box-shadow: $shadow $outerColor;
}
+
+/**----------------------------------------------------
+Clearfix mixin clears the float of it's parent element
+----------------------------------------------------**/
@mixin clearfix{
&:after{
content: ".";
@@ -71,3 +75,50 @@
}
*:first-child &{ zoom:1;}
}
+
+
+
+/**
+ Mixin creates a transparent button with a dropdown arrow,
+ as is used for files in the files up-load area. The arrows
+ themselves are added in the _style file
+**/
+@mixin ss-uploadfield-editButton{
+ &.ss-uploadfield-item-edit {
+ opacity:0.9;
+ padding-top: 3px;
+ padding-bottom: 0;
+ height:100%;
+ @include border-radius(0);
+ &.ui-state-hover{
+ background:none;
+ opacity:1;
+ span.toggle-details{
+ opacity:1;
+ }
+ }
+ span.toggle-details{
+ opacity:0.9;
+ margin-left:3px;
+ display: inline-block;
+ width: 5px;
+ height: 100%;
+ cursor: pointer;
+ .toggle-details-icon {
+ margin-top:1px;
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ vertical-align: middle;
+ &.opened {
+ margin-top:0;
+ }
+ }
+ }
+
+ }
+
+ .ui-icon {
+ display: none;
+ }
+}
Oops, something went wrong.

0 comments on commit d642eee

Please sign in to comment.