Speckenbach.Net
  • Home
  • Kontakt
  • Datenschutzerklärung
  • Impressum
...
Spiele
...
Joomla
...
Geocaching
...
Technik
...
Kochen/Backen
Featured

CSS: Icon vor dem Text (Pseudo-Element before) schrumpft

michael Technik 11. April 2025 Zugriffe: 28

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:

Featured

MacOS Sequoia - Spotlight Suche funktioniert nicht mehr

michael Technik 18. März 2025 Zugriffe: 95

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.

Featured

Kontaktformular nach Update auf Joomla 4 funktioniert nicht

michael Joomla 24. Januar 2022 Zugriffe: 1620

Nach dem Update auf Joomla 4 funktionierte das Kontaktformular nicht mehr.
Der Text wurde nicht in der Email angezeigt.

Unter System -> Tempates -> Mail-Template wurde die Überschrift nicht richtig angezeigt. Hinter der Überschrift nach dem Bindestrich fehlt die Sprache (de-DE)

 

Ursache

Das Template ist nicht mit den richtigen Variablen gefüllt. Eigentlich müssten dort folgendes stehen:

Dies ist eine E-Mail Anfrage via {URL} von:
{NAME} <{EMAIL}>

{BODY}

{CUSTOMFIELDS}

Ich habe versucht den Inhalt des Templates zu ersetzen. Dabei bekam ich aber die Meldung dass die Sprache nicht stimmen würde.

Lösung

Unter System -> Manage -> Sprachen finde ich dass, die Sprache DE nicht aktuell ist. (Das Bild ist nur ein Beispiel, bei mir war die Version noch älter)

Nach dem ich unter System -> Install -> Language die Sprache DE neu installiert hatte, konnte ich endlich das Template mit den richtigen Variablen anpassen.

Danach funktioniert der Versand von Kontaktanfragen wieder wie gewünscht.

Featured

Joomla 3.10 Alpha 3 und Joomla 4 Beta 5

michael Joomla 15. Dezember 2020 Zugriffe: 1222

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

  • 1
  • 2
  • 3
  • 4
  • 5
Seite 1 von 5
  • Spiele
    • Spiele im Park
    • Spiele im Wald
    • Spiele im Haus
    • Spiele in der Stadt
    • Gesellschaftsspiele
    • Notfallkoffer
  • Geocaching
    • Nützliche Links
    • Tools
    • Codes
    • Kryptographie
    • Zahlen
  • Joomla
    • Nützliche Links
  • Technik
  • Kochen/Backen
  • Sonstiges
    • Blumen Eggemann
© 2025 Speckenbach.Net.
  • Home
  • Kontakt
  • Datenschutzerklärung
  • Impressum