Commit 32f18173 authored by Benjamin Kott's avatar Benjamin Kott Committed by Christian Kuhn
Browse files

[TASK] Make Content Element Wizard to use Bootstrap

This patch removes the custom styling from the
content element wizard.

Releases: master
Resolves: #64892
Change-Id: I721a896efedcbb8c67274be85e84d434eda53806
Reviewed-on: http://review.typo3.org/36693


Reviewed-by: Alexander Stehlik's avatarAlexander Stehlik <alexander.stehlik@gmail.com>
Tested-by: Alexander Stehlik's avatarAlexander Stehlik <alexander.stehlik@gmail.com>
Reviewed-by: Christian Kuhn's avatarChristian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn's avatarChristian Kuhn <lolli@schwarzbu.ch>
parent ba8b5994
......@@ -163,7 +163,7 @@ class NewContentElementController {
$code = '';
$wizardItems = $this->getWizardItems();
// Wrapper for wizards
$this->elementWrapper['section'] = array('<ul class="contentelement-wizard list-unstyled">', '</ul>');
$this->elementWrapper['section'] = array('<div class="panel panel-tab"><div class="panel-body">', '</div></div>');
// Copy wrapper for tabs
$this->elementWrapperForTabs = $this->elementWrapper;
// Hook for manipulating wizardItems, wrapper, onClickEvent etc.
......@@ -216,23 +216,21 @@ class NewContentElementController {
$aOnClick = "document.editForm.defValues.value=unescape('" . rawurlencode($wInfo['params']) . "');goToalt_doc();" . (!$this->onClickEvent?"window.location.hash='#sel2';":'');
}
$menuItems[$key]['content'] .=
'<li>
<div class="contentelement-wizard-item">
' . $content . '
<div class="contentelement-wizard-item-icon">
<a href="#" onclick="' . htmlspecialchars($aOnClick) . '">
<img' . IconUtility::skinImg($this->doc->backPath, $wInfo['icon'], '') . ' alt="" />
</a>
</div>
<div class="contentelement-wizard-item-text">
<a href="#" onclick="' . htmlspecialchars($aOnClick) . '">
<strong>' . htmlspecialchars($wInfo['title']) . '</strong>
<br />' . nl2br(htmlspecialchars(trim($wInfo['description']))) .
'</a>
</div>
$menuItems[$key]['content'] .= '
<div class="media">
' . $content . '
<div class="media-left">
<a href="#" onclick="' . htmlspecialchars($aOnClick) . '">
<img' . IconUtility::skinImg($this->doc->backPath, $wInfo['icon'], '') . ' alt="" />
</a>
</div>
</li>';
<div class="media-body">
<a href="#" onclick="' . htmlspecialchars($aOnClick) . '">
<strong>' . htmlspecialchars($wInfo['title']) . '</strong>
<br />' . nl2br(htmlspecialchars(trim($wInfo['description']))) .
'</a>
</div>
</div>';
$cc++;
}
}
......
......@@ -94,3 +94,20 @@
.panel-space {
margin: 3em 0;
}
//
// Panel Tab
//
.panel-tab {
border-radius: 0;
border: 1px solid @nav-tabs-active-link-hover-border-color;
background-color: @nav-tabs-active-link-bg;
}
.panel-tab + .panel-tab {
margin-top: -19px;
}
.tab-pane {
> .panel-tab:first-child {
border-top: none;
}
}
//
// New Record Wizard
//
// Should be added by NewContentElementController only when necessary
.contentelement-wizard {
li {
margin-bottom: 10px;
.contentelement-wizard-item-input,
.contentelement-wizard-item-icon {
float: left;
margin-right: 5px;
}
}
li:last-child {
margin-bottom: 0px;
}
a {
display: inline-block;
}
}
\ No newline at end of file
......@@ -132,7 +132,6 @@
@import "TYPO3/_topbar.less";
@import "TYPO3/_module_web_list_sysnote.less";
@import "TYPO3/_module_web_new_element.less";
@import "TYPO3/_module_extensionmanager.less";
@import "TYPO3/_module_lang.less";
@import "TYPO3/_module_beuser.less";
......
......@@ -9033,6 +9033,17 @@ fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .b
.panel-space {
margin: 3em 0;
}
.panel-tab {
border-radius: 0;
border: 1px solid #cccccc;
background-color: #fafafa;
}
.panel-tab + .panel-tab {
margin-top: -19px;
}
.tab-pane > .panel-tab:first-child {
border-top: none;
}
img.t3-TCEforms-reqImg {
display: block;
position: absolute;
......@@ -10971,20 +10982,6 @@ fieldset[disabled] .live-search-list .x-btn button.active {
#typo3-dblist-sysnotes .single-note:hover .header span {
color: #d7d7d7;
}
.contentelement-wizard li {
margin-bottom: 10px;
}
.contentelement-wizard li .contentelement-wizard-item-input,
.contentelement-wizard li .contentelement-wizard-item-icon {
float: left;
margin-right: 5px;
}
.contentelement-wizard li:last-child {
margin-bottom: 0px;
}
.contentelement-wizard a {
display: inline-block;
}
.typo3-extension-list .ext-icon {
max-height: 16px;
width: auto;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment