Konu sayfalarında sol tarafta bulunan scrolbar, varsayılan olarak sayfa aşağıya doğru kaydırılınca pozisyonu sabit kalıyor. Buda alt kısımlara yerleştirilen reklam, footer vs. üzerine taşmasına neden oluyordu. Bu sorunun çözümü için çekirdek dosyalarında değişiklik yapmak gerekiyor. Ancak bu hassa bir işlem. JS dosyaları değiştirildiği için siteniz çökebilir.
Sorumluluk kabul etmemekle birlikte sitenize uygulamak tamamen sizin sorumluluğunuzda. Dediğim gibi aşağıda anlattığım yöntemi uygulamak size kalmış, uyguladıktan sonra siteniz bozulursa ah vah etmeyin sonra 😃
Bu işlemi yapmadan önce mutlaka yedek alın ve ileride güncelleme yapacaksanız önce yedeklerini geri yükledikten sonra güncelleme yapın. Yoksa işler arap saçına dönebilir.
Kodu geliştiren @Alshain hocama teşekkür ederim.
İlk olarak vendor/flarum/core/less/forum/DiscussionPage.less yolunu takip ediyoruz. DiscussionPage.less dosyasının 32. satırından itibaren aşağıdaki gibi;
> ul {
position:fixed;
margin-top: 30px;
z-index: 1;
Bunun aşağıdaki gibi değiştiriyoruz.
> ul {
top: 7%;
margin-top: 30px;
z-index: 1;
Yani 25. satırdan itibaren aşağıdaki gibi olmalı
@media @tablet-up {
.DiscussionPage-nav {
float: right;
&, > ul {
width: 150px;
}
> ul {
top: 12%;
margin-top: 30px;
z-index: 1;
> li {
margin-bottom: 10px;
}
}
.ButtonGroup, .Button {
width: 100%;
}
.ButtonGroup:not(.itemCount1) {
.Button:first-child {
width: 77%;
}
.Dropdown-toggle {
width: 22%;
}
}
}
}
Şimdi başka herhangi bir işlem yapmadan (cache falan TEMİZLEMEYİN) önce bu dosyayı https://s4.dosya.tc/server7/aohbao/dist.rar.html indirin.
İndirdiğiniz dosyanın içinde dist adında bir klasör var. Bu klasörü vendor/flarum/core/js'nin altındaki dist ile değiştirin. Şimdi ön belleği temizleyin.
Aşağıdaki kodu Admin > Görünüm > Harici Sitiller bölümüne ekleyin.
.Post:after {
clear: inherit;
}
İşlem tamamdır.
Ekran Görüntüleri
Önce
Sonra
@sezginyildirim
