[BUGFIX] EM: configuration view CSS corrections 61/19661/2
authorFelix Kopp <felix-source@phorax.com>
Sat, 6 Apr 2013 10:50:57 +0000 (12:50 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sat, 6 Apr 2013 11:12:47 +0000 (13:12 +0200)
Corrects padding+margins for text, group, container in
configureExtension view.

Change-Id: If6ea1f596e13ae1179e01ad3798e900f64ce8dd2
Fixes: #46958
Releases: 6.1, 6.0
Reviewed-on: https://review.typo3.org/19661
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss
typo3/sysext/extensionmanager/Resources/Private/Templates/Configuration/ShowConfigurationForm.html
typo3/sysext/extensionmanager/Resources/Public/Css/main.css

index 90e5b72..e468f94 100644 (file)
 }
 
 #typo3-extension-configuration-forms  {
-       margin: 20px;
+       min-width: 400px;
        max-width: 900px;
-}
 
+       .category {
+               background-repeat: repeat-x;
+               background-color: #fff;
+               border: 1px solid #adadad;
+               padding: 15px;
+       }
 
+       .group {
+               margin-bottom: 30px;
 
-#typo3-extension-configuration-forms h3 {
-       margin-bottom: 0;
-       margin-top: 15px;
+               label {
+                       display: block;
+                       padding-bottom: 10px;
+               }
+       }
 }
 
 #typo3-extension-configuration-forms #typo3-docheader-row2 .back {
 }
 
 
-#typo3-extension-configuration-forms .category {
-       background-repeat: repeat-x;
-       border: 1px solid #adadad;
-       padding: 15px;
-}
-
 #typo3-extension-configuration-forms input.submit {
        margin-top: 10px;
 }
index 2f9608d..3deef55 100644 (file)
                                                                                </f:else>
                                                                        </f:if>
                                                                        <f:for each="{subcategory.items}" as="item">
-                                                                               <div>
-                                                                                       <label for="{item.name}">
-                                                                                               <h4>{item.labelHeadline} <span class="info">[{category.name}.{item.name}]</span></h4>
-                                                                                               {item.labelText} </label><br />
+                                                                               <div class="group">
+                                                                                       <h4>{item.labelHeadline} <span class="info">[{category.name}.{item.name}]</span></h4>
+                                                                                       <label for="{item.name}">{item.labelText}</label>
                                                                                        <f:if condition="{item.highlight}">
                                                                                                <span style="background:red; padding:1px 2px; color:#fff; font-weight:bold;">{item.highlight}</span>
                                                                                        </f:if>
index f88c417..5d7bfff 100644 (file)
@@ -1561,21 +1561,22 @@ button.ui-button::-moz-focus-inner {
   padding: 10px; }
 
 #typo3-extension-configuration-forms {
-  margin: 20px;
+  min-width: 400px;
   max-width: 900px; }
-
-#typo3-extension-configuration-forms h3 {
-  margin-bottom: 0;
-  margin-top: 15px; }
+  #typo3-extension-configuration-forms .category {
+    background-repeat: repeat-x;
+    background-color: #fff;
+    border: 1px solid #adadad;
+    padding: 15px; }
+  #typo3-extension-configuration-forms .group {
+    margin-bottom: 30px; }
+    #typo3-extension-configuration-forms .group label {
+      display: block;
+      padding-bottom: 10px; }
 
 #typo3-extension-configuration-forms #typo3-docheader-row2 .back {
   float: right; }
 
-#typo3-extension-configuration-forms .category {
-  background-repeat: repeat-x;
-  border: 1px solid #adadad;
-  padding: 15px; }
-
 #typo3-extension-configuration-forms input.submit {
   margin-top: 10px; }