[BUGFIX] Fix radio buttons of new content element wizard 41/50241/3
authorFrank Naegler <frank.naegler@typo3.org>
Mon, 17 Oct 2016 09:32:15 +0000 (11:32 +0200)
committerSusanne Moog <susanne.moog@typo3.org>
Mon, 17 Oct 2016 15:33:25 +0000 (17:33 +0200)
This patch fix cropped radio buttons and click area of the radio buttons
in the new content element wizard.

Resolves: #78121
Releases: master
Change-Id: Ia6f708fcae03a76fbd5fe7d86fd31f6b0bb9f76c
Reviewed-on: https://review.typo3.org/50241
Tested-by: Riccardo De Contardi <erredeco@gmail.com>
Tested-by: TYPO3com <no-reply@typo3.com>
Reviewed-by: Benni Mack <benni@typo3.org>
Tested-by: Benni Mack <benni@typo3.org>
Reviewed-by: Susanne Moog <susanne.moog@typo3.org>
Tested-by: Susanne Moog <susanne.moog@typo3.org>
Build/Resources/Public/Less/TYPO3/_main_new_content_element_wizard.less [new file with mode: 0644]
Build/Resources/Public/Less/backend.less
typo3/sysext/backend/Resources/Private/Templates/NewContentElement/MenuItem.html
typo3/sysext/backend/Resources/Public/Css/backend.css

diff --git a/Build/Resources/Public/Less/TYPO3/_main_new_content_element_wizard.less b/Build/Resources/Public/Less/TYPO3/_main_new_content_element_wizard.less
new file mode 100644 (file)
index 0000000..068e5a7
--- /dev/null
@@ -0,0 +1,7 @@
+.media-new-content-element-wizard {
+       .media-left {
+               input {
+                       margin-left: 2px;
+               }
+       }
+}
index fe0151d..30cfbc1 100644 (file)
@@ -69,6 +69,7 @@
 @import "TYPO3/_main_backend_layout_wizard";
 @import "TYPO3/_main_form.less";
 @import "TYPO3/_main_linkbrowser.less";
+@import "TYPO3/_main_new_content_element_wizard.less";
 @import "TYPO3/_module_database.less";
 @import "TYPO3/_module_recycler.less";
 @import "TYPO3/_module_scheduler.less";
index 71bbaa8..ec58c01 100644 (file)
@@ -1,20 +1,26 @@
 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
-<div class="media">
-       <a href="#" onclick="{aOnClick -> f:format.htmlspecialchars()}">
+<div class="media media-new-content-element-wizard">
                <f:if condition="{onClickEvent} == ''">
                        <div class="media-left">
                                <input type="radio" name="tempB" value="{wizardKey -> f:format.htmlspecialchars()}" onclick="{wizardOnClick -> f:format.htmlspecialchars()}"/>
                        </div>
                </f:if>
-               {content -> f:format.raw()}
+               <f:if condition="{content}">
+               <a href="#" onclick="{aOnClick -> f:format.htmlspecialchars()}">
+                       {content -> f:format.raw()}
+               </a>
+               </f:if>
                <div class="media-left">
-                       {icon -> f:format.raw()}
+                       <a href="#" onclick="{aOnClick -> f:format.htmlspecialchars()}">
+                               {icon -> f:format.raw()}
+                       </a>
                </div>
                <div class="media-body">
-                       <strong>{wizardInformation.title -> f:format.htmlspecialchars()}</strong>
-                       <br />
-                       {wizardInformation.description -> f:format.nl2br() -> f:format.htmlspecialchars()}
+                       <a href="#" onclick="{aOnClick -> f:format.htmlspecialchars()}">
+                               <strong>{wizardInformation.title -> f:format.htmlspecialchars()}</strong>
+                               <br />
+                               {wizardInformation.description -> f:format.nl2br() -> f:format.htmlspecialchars()}
+                       </a>
                </div>
-       </a>
 </div>
 </html>
index 46faef6..b8c5a1a 100644 (file)
@@ -12852,6 +12852,9 @@ textarea.formengine-textarea {
   padding-bottom: 0;
   border: none;
 }
+.media-new-content-element-wizard .media-left input {
+  margin-left: 2px;
+}
 .query-builder .form-inline > .form-control-clearable {
   display: inline;
 }