Yönetilen Bulut'a genel bakış
Aşağıda gerçek header bileşeni değil, birebir aynı stillerin statik kopyası duruyor. Panelin açık hâli, hover durumları ve önce/sonra farkı karşılaştırılabilir. Menü yapısı, linkler ve davranış değişmedi.
Panel 32px dolguyla başlıyor, alt satırlar arası boşluk fazla. Linkler #A99CA4 ve hover yalnızca renk değiştiriyor — sol çizgi, arka plan veya ok yok. Sütun başlıkları 14px ve linklerle neredeyse aynı ağırlıkta.
İlk satır hover'da: bordo zemin, solda #C06481 çizgi, sağda ok. Hepsi mutlak konumda veya arka planda — metin bir piksel kaymıyor. Aktif üst öğe #8E1B45 ince alt çizgiyle işaretli.
Metin neden kaymıyor? Hover'daki sol çizgi ve sağ ok mutlak konumda, yani belge akışında yer kaplamıyor. Satır yüksekliği, dolgu ve genişlik hiçbir durumda değişmiyor — yalnızca renk ve opaklık. Aynı sebeple panel açılırken de içerik zıplamıyor.
Neden negatif marj? Link satırı -14px yatay marjla dışa taşıyor, iç dolgu ise metni başlıkla aynı hizada tutuyor. Böylece hover zemini metnin etrafını sarıyor ama hizalama bozulmuyor.
