Auf der Suche nach einer Möglichkeit ein Icon oder Buchstaben vor einen Text zu setzen bin ich über folgenden Code gestolpert.
CSS:
initial {
align-items: center ;
display: flex ;
font-size: 12px ;
margin: 10px 0px 10px 0px ;
}
.initial::before {
content: attr( data-initials ) ;
align-items: center ;
display: flex ;
justify-content: center ;
background-color: #111111 ;
border-radius: 100% 100% 100% 100% ;
color: #ffffff ;
font-size: 12px ;
font-weight: 600 ;
height: 36px ;
letter-spacing: 1px ;
line-height: 12px ;
margin-right: 10px ;
text-transform: uppercase ;
width: 36px ;
}
HTML:
<div data-initials="A" class="initial">
This is a smaller text.
</div>
<div data-initials="A" class="initial">
This ist a very long text. This ist a very long text. This ist a very long text. This ist a very long text. This ist a very long text. This ist a very long text. This ist a very long text. This ist a very long text. This ist a very long text. This ist a very long text.
</div>Soweit so gut. Allerdings bemerkte ich schnell dass immer, wenn der Text zu lang war und es einen Umbruch gab, die runden Kreise mit den Buchstaben nicht mehr 36px groß waren, sondern zu Eiern schrumpften, obwohl im CSS so angegeben :-)
Der Grund ist, dass es einem Element standardmäßig erlaubt ist sich im Flexbox-Context zu verkleinern. Ein kleiner Eintrag im CSS behebt dies.
.initial::before {
...
flex-shrink: 0;
...
}Das Ergebnis sieht dann so aus:
Nach dem Update auf das Release Sequoia (15) funktioniert die Suche nicht mehr einwandfrei.
Nach längerer Suche fand ich einen Hinweis darauf, dass die Indexierung der Dateien nicht in Ordnung sein könnte.
Lösung
Folgende Befehle im Terminal eingeben:
Indexierung abschalten
sudo mdutil -Eai off
Indexierung erneut anschalten
sudo mdutil -Eai on
Indexierung prüfen
mdutil -as
Danach sieht man, dass der Index neu aufgebaut wird, allerdings erst wenn man im Spotlight einen Suchbegriff eingeibt.
Mittlerweile gib es eine Alpha 3 Version von Joomla 3.10. Die Brücken-Version zu Joomla 4.
https://joomlainfo.ch/2020/10/27/joomla-4-beta-5-und-3-10-alpha-3-erschienen
Ich musste sie direkt ausprobieren. Neu daran ist z.B. der Pre-Update Check.
Mit dem kann man prüfen ob die eingesetzten Komponenten Joomla-4-Ready sind.
Allerdings denke ich dass es noch etwas früh ist um dies zu beurteilen, weil die Hersteller noch nicht so weit sind.
Deshalb sieht es bei mir noch recht rot aus.
Die Komponenten Weblinks und Suche werden bei Upgrade auf 4 entkoppelt.
Die Komponente weblinks, die ja schon seit einiger Zeit nicht mehr bei einer Neuinstallation ausgeliefert wird, soll aber laut einiger Quellen übernommen werden, falls diese beim Update im Einsatz ist.
Die Suche (com_search) soll beim Update auf Joomla 4 auch migriert werden. Allerdings empfiehlt Joomla die neue Komponente Suchindex (com_finder).
Derzeit gibt es offensichtlich noch Probleme mit PHP 8. Nach Umstellung auf Version 8 konnten keine Artikel mehr erstellt werden. Also zurück auf PHP 7.4
Infos zur Migration: https://docs.joomla.org/Joomla_3.x_to_4.x_Step_by_Step_Migration/de
Seite 3 von 7