Ramka w sub-kategoriach

[APPG]

Cześć!
@dave , kolejne pytanie, jak zrobić ramkę w działach podrzędnych/subkategoriach??
Bo mi się pomysły kończą, zrobiłem sam, ale przy pewnych rozmiarach, ramka wyjeżdża mi po za tabele główną, a przy 0 styka sie nie mal że z ramką główą, teraz wygląda to u mnie tak..

a chcę osiągnąć taki efekt...

czyli ramka musi być zminimalizowana, jak powyżej, chętnie bym pokazał jakiego użyłem kodu jakiego użyłem na ramkę, ale niestety wypadło mi z głowy w jakim pliku go pisałem

Pomożesz, @dave ??

 

[dave]

Hey,

bez kodu to niestety, nic rozsądnego nie zdziałam. Najpewniej jest to szablon node_list_forum. A rozjeżdżać się może przez CSS. Jest też trochę poradników na xenforo.com, tam zwykle są już gotowe szablony/css.

Pozdr.

 

[APPG]

@dave w node_list_forum, właśnie nie, sprawdziłem kod i tam go nie ma, a nie pamiętam gdzie ja to dodawałem
W extra.less również go nie ma :-/

Zaznaczę że korzystam z [SVG]subNodes Column, i gdzieś tam zrobiłem właśnie taką edycję z ramką, ale nie pamiętam cholera gdzie :-/

 

[APPG]

Buhh! Mam, edytowałem svg_subNodes_column.less tak wygląda cały kod:

.node-subNodesFlat {
    border-top: @xf-borderSize @xf-svg_subNodes_border @xf-borderColorFaint;
    .node-subNodeFlatList {
        display: grid;
        font-size: 12px;
        font-weight: bold;
     
      background-color:rgb(81, 79, 79);
     
         border: solid 1px rgb(131, 129, 129);
         margin: 2px 15px 20px 1px;
         padding: 90px 5px 30px 5px;
         background-clip:padding-box;
         grid-template-columns: repeat(@xf-svg_subNodes_number, 1fr);
         grid-auto-rows: 1.7em;
     
        .xf-svg_subNodes_margin();
        width: @{xf-svg_subNodes_width}%;
        li {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            float: none !important;
            width: 100% !important;
         
            .xf-svg_subNodes_padding();
        }
        &:before, &:after {
            content: none;
        }
    }
}

<xf:if is="property('svg_subNodes_responsive')">
    @media (max-width: @xf-responsiveMedium){
        .node-subNodesFlat {
            display: block;
            .node-subNodeFlatList {
                grid-template-columns: repeat(@xf-svg_subNodes_rnumber, 1fr);
                width: 100%;
            }
        }
    }
</xf:if>

Dodałem:

 border: solid 1px rgb(131, 129, 129);
         margin: 2px 15px 20px 1px;
         padding: 90px 5px 30px 5px;

Ogólnie myślałem żeby zrobić to w DIV, hmmm...

 

[APPG]

Przez cały tydzień myślałem dlaczego tak jest, a rozwiązanie było genialnie proste.
Rozwiązaniem okazał się 2x padding i margin, użyty on jest również w samej modyfikacji i można go ustawiać w samym modzie..(nie obramowanie)
Ja to przeoczyłem, dlatego obramowanie które ja dodałem nie działało poprawnie
Efekt końcowy jest taki:

Natomiast nie mam pomysłu jak teraz TEMATY, WIADOMOŚCI i ostatnie dodane, przesunąc w prawo do głównej ramki, hmm...

 

[dave]

Możesz spróbować pokombinować z klasą .node-extra . Po prostu zbadaj element przeglądarką www i wtedy na żywca możesz potestować atrybuty i ich wartości. Podejrzewam, że jest po prostu za szeroki.

 

[APPG]

.node-extra

A gdzie tej klasy szukać?

 

[dave]

Tak, jak pisałem. Najprościej sprawdzasz konsolą przeglądarki żądany element, a następnie wklejasz go do pliku extra.less z innymi wartościami, wtedy powinien zostać nadpisany. Na przykład:

Spoiler

Do extra.less dodajesz .node-extra z właściwościami innymi, np.

width: 100px