S svaughn114 Active member Mar 31, 2019 #1 Please see image.... I'm trying to group the sub-forums vertically to that it looks cleaner. so that it would look like......
Please see image.... I'm trying to group the sub-forums vertically to that it looks cleaner. so that it would look like......
Emre Well-known member Mar 31, 2019 #2 extra.less add code CSS: .node-subNodeFlatList { >li { display: inline-block; margin-right: 0; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } } Upvote 0 Downvote
extra.less add code CSS: .node-subNodeFlatList { >li { display: inline-block; margin-right: 0; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } }
S svaughn114 Active member Mar 31, 2019 #3 Perfect! Looks great now. I was trying something similar but couldn't quite get it. Thanks! Upvote 0 Downvote
spicer Active member May 30, 2020 #4 It doesn't work anymore. I use the default style and XF 2.1.10. It still works for the styles that were created before the update. Last edited: May 30, 2020 Upvote 0 Downvote
It doesn't work anymore. I use the default style and XF 2.1.10. It still works for the styles that were created before the update.
Abraham54 Well-known member May 30, 2020 #5 I have no problems In extraLess: Code: .node-subNodeFlatList { >li { display: inline-block; margin-right: 0; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } } Upvote 0 Downvote
I have no problems In extraLess: Code: .node-subNodeFlatList { >li { display: inline-block; margin-right: 0; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } }
spicer Active member May 30, 2020 #6 Yes. I have the same. But (see attachements) Attachments Auswahl_001.webp 20.8 KB · Views: 54 Auswahl_002.webp 3.8 KB · Views: 54 Upvote 0 Downvote
Chromaniac Well-known member May 30, 2020 #7 you have to change style property to expand the list right? Upvote 0 Downvote
spicer Active member May 30, 2020 #8 Thx Andy. This solve the problem: Admin control panel -> Appearance -> Style properties -> Node/forum list -> Sub-forums display style -> Listed below node Upvote 0 Downvote
Thx Andy. This solve the problem: Admin control panel -> Appearance -> Style properties -> Node/forum list -> Sub-forums display style -> Listed below node
doublespaces Well-known member May 23, 2021 #9 What about showing sub forums of sub forums to the right of that or something? I feel like the ability to visibly see two levels deep is not good and always hidden behind a click. Upvote 0 Downvote
What about showing sub forums of sub forums to the right of that or something? I feel like the ability to visibly see two levels deep is not good and always hidden behind a click.
benFF Well-known member Dec 21, 2021 #10 Emre said: extra.less add code CSS: .node-subNodeFlatList { >li { display: inline-block; margin-right: 0; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } } Click to expand... A small recommendation, also add Code: .node-subNodeFlatList { >li:only-child { overflow: initial; float: initial; width: initial; } } That way, if there is only one subforum (and it has a long name), it won't get trimmed. Upvote 0 Downvote
Emre said: extra.less add code CSS: .node-subNodeFlatList { >li { display: inline-block; margin-right: 0; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } } Click to expand... A small recommendation, also add Code: .node-subNodeFlatList { >li:only-child { overflow: initial; float: initial; width: initial; } } That way, if there is only one subforum (and it has a long name), it won't get trimmed.