[BUGFIX] EM: increased visual significance of Upload .t3x 73/19673/2
authorFelix Kopp <felix-source@phorax.com>
Sat, 6 Apr 2013 12:36:23 +0000 (14:36 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sat, 6 Apr 2013 13:23:10 +0000 (15:23 +0200)
Increase the visibility of upload form in "Manage extensions".

Change-Id: I6b3b563aac28d834023dc39d7d79e963f62eb23f
Fixes: #46979
Releases: 6.1, 6.0
Reviewed-on: https://review.typo3.org/19673
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
typo3/sysext/extensionmanager/Resources/Private/Templates/UploadExtensionFile/Form.html
typo3/sysext/extensionmanager/Resources/Public/Css/main.css
typo3/sysext/extensionmanager/Resources/Public/JavaScript/upload.js

index a0a682d..fb104d4 100644 (file)
 
 
 
+.uploadForm {
+       background-color: #ededed;
+       border-top: 1px solid #cdcdcd;
+       border-bottom: 1px solid #cdcdcd;
+       padding: 12px;
+       margin-bottom: 24px;
+
+       form {
+               .control-group {
+                       clear: both;
+                       margin-bottom: 5px;
+               }
+
+               label {
+                       float: left;
+                       height: 20px;
+                       padding: 4px 0;
+                       line-height: 20px;
+                       width: 90px;
+               }
+
+               .control {
+                       min-height: 20px;
+                       padding: 4px 0;
+                       margin-left: 110px;
+               }
+       }
+}
index 8384357..9eba243 100644 (file)
 </f:section>
 
 <f:section name="Content">
+       <div class="uploadForm" style="display: none;">
+               <span class="spinner"></span>
+               <f:translate key="extensionList.loading"/>
+       </div>
+
        <div class="headerRow ui-helper-clearfix">
                <div class="typo3-extensionmanager-headerRowLeft">
                </div>
                <div class="typo3-extensionmanager-headerRowRight">
-                       <div class="uploadForm" style="display:none;"><f:translate key="extensionList.loading"/><span class="spinner"></span></div>
                </div>
        </div>
        <table id="typo3-extension-list" class="typo3-extension-list">
index cda6a6e..74aecb7 100644 (file)
@@ -1,7 +1,25 @@
 <f:form enctype="multipart/form-data" id="extensionUploadForm" method="post" controller="UploadExtensionFile" action="extract" format="json" additionalAttributes="{target:'typo3-extensionmanager-upload-target'}">
-       <f:translate key="uploadTemplate.extensionLabel" />:
-       <f:form.upload name="extensionFile" />
-       <f:form.checkbox name="overwrite" id="extensionOverwrite" value="1" /><label for="extensionOverwrite">{f:translate(key:'extensionList.overwriteExtension')}</label>
-       <f:form.submit value="{f:translate(key:'uploadTemplate.uploadButton')}" id="extensionUpload" />
+       <div class="control-group">
+               <label for="extensionFile">
+                       <f:translate key="uploadTemplate.extensionLabel" />
+               </label>
+               <div class="control">
+                       <f:form.upload name="extensionFile" />
+               </div>
+       </div>
+
+       <div class="control-group">
+               <label for="extensionOverwrite">{f:translate(key:'extensionList.overwriteExtension')}</label>
+               <div class="control">
+                       <f:form.checkbox name="overwrite" id="extensionOverwrite" value="1" />
+               </div>
+       </div>
+
+       <div class="control-group">
+               <div class="control">
+                       <f:form.submit value="{f:translate(key:'uploadTemplate.uploadButton')}" id="extensionUpload" />
+               </div>
+       </div>
+
        <iframe id="typo3-extensionmanager-upload-target" name="typo3-extensionmanager-upload-target" style="display: none;"></iframe>
 </f:form>
index 5d7bfff..82fcb1d 100644 (file)
@@ -1779,6 +1779,26 @@ p {
   float: left;
   margin: 10px 0 0; }
 
+.uploadForm {
+  background-color: #ededed;
+  border-top: 1px solid #cdcdcd;
+  border-bottom: 1px solid #cdcdcd;
+  padding: 12px;
+  margin-bottom: 24px; }
+  .uploadForm form .control-group {
+    clear: both;
+    margin-bottom: 5px; }
+  .uploadForm form label {
+    float: left;
+    height: 20px;
+    padding: 4px 0;
+    line-height: 20px;
+    width: 90px; }
+  .uploadForm form .control {
+    min-height: 20px;
+    padding: 4px 0;
+    margin-left: 110px; }
+
 #terTableWrapper {
   position: relative; }
   #terTableWrapper .splash-receivedata {
index ee747e8..0380e91 100644 (file)
@@ -6,7 +6,7 @@
                $('.t3-icon-edit-upload').parent().not('.transformed').on('click', function(event) {
                        event.preventDefault();
                        $(this).addClass('transformed');
-                       $('.uploadForm').show();
+                       $('.uploadForm').slideDown();
                        $.ajax({
                                url: $(this).attr('href'),
                                dataType: 'html',