Ana içeriğe geç

Rentiva v4.46.0 — Frontend CSS izolasyon stratejisi

· 1 dakikalık okuma
MaxHandMade
MaxHandMade
Maintainer

Sistematik bir frontend CSS sertleştirme sürümü. 31 frontend shortcode CSS dosyasının tamamı artık aktif temanın tasarım token sistemine dahil oluyor ve blok editörünün shortcode konteynerinden gelen whitespace kalıtımına karşı korunuyor.

Ne Değişti​

WordPress Önayarlı Token Eşlemesi​

31 frontend CSS dosyasının tamamı artık Rentiva'nın dahili CSS özel özelliklerini WordPress preset token'larına eşleyen bir [class*="rv-"] seçicisi içeriyor:

  • --mhm-primary → aktif temanın birincil rengi
  • --mhm-font-base → aktif temanın temel yazı tipi ailesi
  • --mhm-radius → aktif temanın kenarlık yarıçapı
  • --mhm-text → aktif temanın metin rengi

Bu sayede Rentiva kısa kodları, manuel yapılandırma gerektirmeden aktif temanın görsel kimliğini otomatik olarak devralıyor — marketplace temaları için temel bir gereksinim.

Whitespace Sıfırlama​

31 frontend CSS dosyasının tamamına white-space: normal eklendi. WordPress blok editörü, shortcode'ları white-space: pre-like davranışı uygulayan bir .wp-block-shortcode konteyneriyle sarmalıyor; bu durum Rentiva bileşenlerinde beklenmedik metin kaydırmaya yol açıyordu. Bu sıfırlama, hangi blok teması aktif olursa olsun sorunu ortadan kaldırıyor.

Eksik Bileşen Sınıfları​

Üç shortcode, outermost wrapper'larında token eşleme seçicisinin uygulanması için gerekli mhm-rentiva-* bileşen sınıfından yoksundu:

  • VehicleRatingForm → mhm-rentiva-rating-form
  • VendorDirectory → mhm-rentiva-vendor-directory
  • MyFavorites → mhm-rentiva-my-favorites