Ramka w sub-kategoriach

APPG

Użytkownik
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..
2RY9w9M.jpg


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

ogruV1I.jpg

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 ?? :)
 
Ostatnia edycja:

dave

Członek ekipy
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.
 
Za 0

APPG

Użytkownik
@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 :-/
 
Za 0

APPG

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


HTML:
.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:

Kod:
 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...
 
Za 0

APPG

Użytkownik
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:

cMXzRA1.jpg


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

dave

Członek ekipy
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.
 
Za 0

dave

Członek ekipy
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:

1677931307347.png

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

Kod:
width: 100px
 
Za 0
Powrót
Góra