FE Edit und die unglückliche Position des EDIT-Icons ... gelöst!
Posted: Wed 25. Jan 2017, 00:02
Ich arbeite gerne mit dem FE-Edit Modus, denn dabei kann man so schön übersichtlich die passenden ContentParts über die FrontEnd Ansicht anspringen. Bei langen Artikeln läßt sich so schnell mal zwischen Tür und Angel ein Schreibfehler korrigieren, auch wenn man lange nicht mehr an der Site gearbeitet hat und den Überblick nicht mehr zu 100% im Kopf hat.
Nun hat mich - insbesondere bei überlangen Artikeln - geärgert, dass ich jedesmal zum Seitenanfang scrollen muß, nur um das EDIT-Icon an zu klicken und anschließend wieder zum ContentPart runterscrollen muß, zum eigentlichen Objekt des Geschehens.
Na ja, irgendwann hatte ich dann die Nase voll und habe den entsprechenden CSS-EIntrag geändert, der üblicherweise für die Fixierung des EDIT-ICONS am oberen Artikelrand zuständig ist.
Das Problem war in Sekundenschnelle erledigt und ich habe seitdem viele unnötige Kilometer mit der Maus eingespart ... und weniger Kopfschmerzen vom ständigen Hin & Her
Einfach folgende Änderung vornehmen in der Datei .../template/inc_css/specific/frontend_edit.css
und das EDIT-Icon bleibt nun immer schön auf halber Fensterhöhe, permanent im Blickfeld des änderungswilligen Redakteurs
Das Leben kann soooo einfach sein 
Nun hat mich - insbesondere bei überlangen Artikeln - geärgert, dass ich jedesmal zum Seitenanfang scrollen muß, nur um das EDIT-Icon an zu klicken und anschließend wieder zum ContentPart runterscrollen muß, zum eigentlichen Objekt des Geschehens.
Na ja, irgendwann hatte ich dann die Nase voll und habe den entsprechenden CSS-EIntrag geändert, der üblicherweise für die Fixierung des EDIT-ICONS am oberen Artikelrand zuständig ist.
Das Problem war in Sekundenschnelle erledigt und ich habe seitdem viele unnötige Kilometer mit der Maus eingespart ... und weniger Kopfschmerzen vom ständigen Hin & Her
Einfach folgende Änderung vornehmen in der Datei .../template/inc_css/specific/frontend_edit.css
und das EDIT-Icon bleibt nun immer schön auf halber Fensterhöhe, permanent im Blickfeld des änderungswilligen Redakteurs
Code: Select all
#fe-link { /* ORIGINAL Version */
position: absolute;
right: 3px;
top: 3px;
color: #FFFFFF;
border: 1px solid #003300;
padding: 3px;
background: no-repeat center center;
height: 16px;
width: 16px;
cursor: pointer;
z-index: 10000;
}
#fe-link { /* MEINE Version */
p/osition: absolute;
position: fixed;
left: 3px;
top: 50%;
color: #FFFFFF;
border: 1px solid #003300;
padding: 3px;
background: no-repeat center center;
height: 18px;
width: 18px;
cursor: pointer;
z-index: 10000;
}
