Wie im Contao 4 Backend alle Buttons angezeigt werden?

Im Forum wurde dazu schon geschrieben warum oder weshalb die Buttons zum Bearbeiten nun in ein Menü versteckt wurden. Mich hat es bisher zwar auch gestört, war aber zu faul / beschäftigt einen Lösung zu suchen. 

Da es erst nativ mit der Contao 4.6 eine Möglichkeit geben wird, wie hier im Ticket versprochen, dachte ich mir, das es doch mit ein bisschen CSS auch zu lösen ist. Für die 3er hatte ich mir dazu schon eine CSS in's Backend eingebunden, das ich mir die Buttons etwas bunt einfärben kann.

Hier meine Lösung:

Den Teil in die initconfig.php

<?php

// Put your custom configuration here

// CSS fürs Backend. Buttons und co.
if (TL_MODE == 'BE') {
    $GLOBALS['TL_CSS'][] = 'files/PROJEKT-XYZ/themes/css/contao-backend-theme-cs.css|screen';
    
}

Und hier das CSS für die contao-backend-theme-cs.css.

Wer will, kann es auf seine eigenen Bedürfnisse anpassen.

/* Contao Backend CSS - CodeSache.de - Markus Schindler  */

.tl_submit_container .tl_submit{color:#000 !important; font-size:1.2em; text-shadow:none;font-weight:600;}
.tl_submit_container .tl_submit#save{ background:#439E18;}
.tl_submit_container .tl_submit#saveNclose{ background:#88DEB7;}
.tl_submit_container .tl_submit#copy{ background:#a3d956;}
.tl_submit_container .tl_submit#cut{ background:#75acd6;}
.tl_submit_container .tl_submit#delete{ background:#ea5e4b;}
.tl_submit_container .tl_submit#override{ background:#FC03FB;}
.tl_submit_container .tl_submit#edit{ background:#f5c710;}
.tl_submit_container{
margin-top:100px; }
.tl_submit_container:after{
content:"";
clear:both;
display:block; }
.tl_submit_container ul{
list-style-type:none;
margin:0;
padding:0;
display:inline-block;
clip:inherit;
height:inherit;
width:inherit;
overflow:visible;
position:inherit;
right:inherit;
bottom:inherit;
min-width:inherit;
border:none;
background:none;
}
.split-button ul:before, .split-button ul:after{
display:none;
}
.tl_submit_container ul li{
margin:0;
padding:0;
display:inline-block; }
.tl_submit_container ul,
.tl_submit_container li,
.tl_submit_container button,
.tl_submit_container .split-button{
display:inline-block; }
.split-button ul li{border:1px solid #aaa; margin-left:4px;}
.split-button ul button{border:none; margin-right:4px;}
button#sbtog{
display:none;
}
@media only screen and (max-width:600px){
}

Würde mich über ein Feedback hier im Forum freuen.

Zurück