Liferay: Varsayılan boyutta 979px (tablet) yerine 768px (mobil) boyutundan daha küçük bir ekran için dock çubuğu nasıl daraltılır?

Question

Liferay ile birlikte gelen varsayılan dock çubuğunu kullanıyorum. Şu anda, ekran genişliği 979 pikselden daha az olduğunda, dockbar/navbar daraltılır. Dockbar/navbar'ın 768 pikselden daha küçük ekran boyutlarında daralmasını istiyorum.

$navbarCollapseWidth: 768px !default; 
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1; 

fark klasörünün içindeki bu dosyayı Kopyalanan: Ben aşağıda _variables.scss dosyada değişiklik yaptı. Kodu dağıtıldı. Ancak, hala rıhtım, ekran boyutunda 979 pikselden daha az çöker.

Başka dosyalarda değişiklik yapmam gerekiyor mu?

Answer 1

custom.css içindeki kod ve benim için onun çalışma aşağıda Dahil.

@media (min-width:768px) and (max-width:979px) 
{ 
    #_145_dockbar 
    { 
     display:none; 
    } 
    .aui #navigation 
    { 
     display:block; 
    } 
    .aui .nav-collapse, .aui .nav-collapse.collapse 
    { 
     overflow:visible; 
    } 
    .aui .nav-collapse .nav>li 
    { 
     float:left; 
    } 
    .aui .portlet-dockbar 
    { 
     width:auto; 
    } 
} 

Answer 2

Evet, sen Dockbar için spesifik bir çekirdek css dosyanın üzerine yazmak için bu var:

/portal-master/portal-web/docroot/html/themes/_styled/css/dockbar.css

Satır numarasının Bu liferay önyüzü geliştiricilerin bir değil mutlu bir seçimdir 755.

bak . Bazı durumlarda, bunun gibi, yalnızca özel temanın üzerine yazamayacağınız özel css dosyaları vardır.

Bir kanca eklentisiyle bu dosyanın üzerine yazabilirsiniz.

güle