From a8c57470f0be950997ab5419f98b3ab274079672 Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 2 Apr 2012 01:16:03 +0200
Subject: [PATCH] Added css for upload button and attachments

---
 wcfsetup/install/files/js/WCF.js             |  6 +--
 wcfsetup/install/files/style/attachment.less | 39 ++++++++++++++++++++
 wcfsetup/install/files/style/bootstrap.less  |  1 +
 wcfsetup/install/files/style/inputs.less     | 13 +++++++
 4 files changed, 56 insertions(+), 3 deletions(-)
 create mode 100644 wcfsetup/install/files/style/attachment.less

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index 697a9e18c9..d6d318c7fe 100644
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -4582,13 +4582,13 @@ WCF.Upload = Class.extend({
 	 */
 	_createButton: function() {
 		if (this._supportsAJAXUpload) {
-			this._fileUpload = $('<input type="file" name="'+this._name+'" style="opacity: 0" '+(this._options.multiple ? 'multiple="true" ' : '')+'/>');
+			this._fileUpload = $('<input type="file" name="'+this._name+'" '+(this._options.multiple ? 'multiple="true" ' : '')+'/>');
 			this._fileUpload.change($.proxy(this._upload, this));
-			var $button = $('<p class="wcf-button" style="display: inline-block; position: relative; overflow: hidden; width: 100px"><span style="position: absolute; top: 0; left: 0">Upload</span></p>');
+			var $button = $('<p class="button uploadButton"><span>Upload</span></p>');
 			$button.append(this._fileUpload);
 		}
 		else {
-			var $button = $('<p class="wcf-button" style="display: inline-block;"><span>Upload</span></p>');
+			var $button = $('<p class="button"><span>Upload</span></p>');
 			$button.click($.proxy(this._showOverlay, this));
 		}
 		
diff --git a/wcfsetup/install/files/style/attachment.less b/wcfsetup/install/files/style/attachment.less
new file mode 100644
index 0000000000..4901365d72
--- /dev/null
+++ b/wcfsetup/install/files/style/attachment.less
@@ -0,0 +1,39 @@
+/* #### Attachments #### */
+
+/* attachment form */
+.formAttachmentList {
+	border-bottom: 1px solid @wcfContainerBorderColor;
+	padding-bottom: @wcfGapSmall;
+	
+	> li {
+		width: 33%;
+		float: left;
+		//background-color: red;
+		//position: relative;
+
+		> .thumbnail {
+			width: 48px;
+			height: 48px;
+			border-radius: 5px;
+		}
+		
+		hgroup {
+			float: left;
+			margin-right: @wcfGapSmall;
+		}
+		
+		> div {
+			padding-top: @wcfGapSmall;
+		}
+		
+		ul {
+			
+		}
+	}
+}
+
+.formAttachmentContent {
+	dl {
+		margin-top: 0;
+	}
+}
\ No newline at end of file
diff --git a/wcfsetup/install/files/style/bootstrap.less b/wcfsetup/install/files/style/bootstrap.less
index 978d6242c6..f162f3d18c 100644
--- a/wcfsetup/install/files/style/bootstrap.less
+++ b/wcfsetup/install/files/style/bootstrap.less
@@ -28,6 +28,7 @@
 @import "user.less";
 @import "like.less";
 @import "sidebar.less";
+@import "attachment.less";
 
 @import "message.less";
 @import "dialog.less";
diff --git a/wcfsetup/install/files/style/inputs.less b/wcfsetup/install/files/style/inputs.less
index 06cceb61e0..ce9655abe7 100644
--- a/wcfsetup/install/files/style/inputs.less
+++ b/wcfsetup/install/files/style/inputs.less
@@ -161,4 +161,17 @@ textarea {
 	border-color: @errorBorderColor;
 	background-color: @errorBackgroundColor;
 	color: @errorColor;
+}
+
+/* Upload Button */
+.uploadButton {
+	overflow: hidden;
+	position: relative;
+	
+	input {
+		left: 0;
+		opacity: 0;
+		position: absolute;
+		top: 0;
+	}
 }
\ No newline at end of file
-- 
2.20.1