• Welcome to Simple Machines Community Forum. Please login or sign up.
December 02, 2021, 07:54:35 PM

News:

SMF 2.1 RC4 has been released! Try it out and help us test! :) Read more.


Ant's Mutant Curve

Started by Antechinus, February 26, 2020, 11:02:14 PM

Previous topic - Next topic

Mike66

Don't worry, I'll play with it, I can usually work things out if I try hard enough.

What could possibly go wrong  ;D

Cheers
Mike

FredHH21

Nice job

but, "Karma" is not visible in posts on Mobiles ... at least I couldn't find it

Anything I can do  ?

Antechinus

@media screen and (max-width: 56em) {
#menu_skip, .user_time, .table_list .stats,
.topic_table th:nth-child(3),
.topic_table th:nth-child(4) a:last-child::after,
.topic_table td:nth-child(4),
#author, .poster>ul {
display: none;
}
The last part of that (where it says .poster>ul) hides all the messy bits on mobile. If you want some of them showing you would remove that, and then decide which bits you still want hidden.

FredHH21

That worked for me. Thanks a lot.
Is there any chance to line up the "messy bits" horizontally

FredHH21

Antechinus, could you assist to get the "board description" in mobile view `?
Thanx

Antechinus

@media screen and (max-width: 40em) {
/* Set Retina font-size to browser default. */
/* This is mainly for testing on standard desktop. */
/* Should not be needed for actual mobile or HD use. */
html {
font-size: 71.43%;
}
/* -------------------- */
#smflogo, #siteslogan>span,
.recent_posts span:last-child,
#posting_icons, #advanced_search .smalltext,
.table_list .info>p, .topic_table .icon2, a.button_strip_print,
.pagelinks_inline + .buttonlist a.button_strip_send,
#lastPost + .buttonlist a.button_strip_mark_unread,
.nextlinks, .postarea .modified {
display: none;
}
.table_list .info>p, is the board description and the board moderators (separate paragraph tags for each).

Quote from: FredHH21 on October 22, 2021, 04:13:38 AMIs there any chance to line up the "messy bits" horizontally
.poster>ul>li {display: inline-block;} should do it.

FredHH21

Thanks for your help. I just found out that Board-Description wrapping is wrong for long descriptions.
Text goes "under" the posts/topics column

Couldn't attach an image, here a screen shot on my onedrive.

https://1drv.ms/u/s!ApHF_SjodCCNj91u7BdyHBp1kYUewQ?e=G5LvTM [nofollow]

Problem at all sizes

Regards, Fred


Antechinus

That does not occur with the theme in default form. Live example here: http://smftest.hawkdawg.com/index.php

Obvious question: what have you done to it?

FredHH21

The posts/topic block disappears in your example.
It remains on my system.

I do not really know what I'm doing .. just trial an error.
Any hint where I should look for the posts/topics column to disappear ?

Thanky you very much for your help !!!

Antechinus

This is what makes it disappear:
/* 896px at standard browser settings. */
@media screen and (max-width: 56em) {
     #menu_skip, .user_time, .table_list .stats,
    .topic_table th:nth-child(3),
    .topic_table th:nth-child(4) a:last-child::after,
    .topic_table td:nth-child(4),
     #author, .poster>ul {
        display: none;
    }

.table_list .stats is the relevant one for the board index. Without knowing what you have done to the theme I can't really diagnose your issue. :)

FredHH21

/* Basic responsive tweaks.
----------------------------------------*/
/* 1024px at standard browser settings. */
@media screen and (max-width: 64em) {}
/* 896px at standard browser settings. */
@media screen and (max-width: 56em) {
     #menu_skip, .user_time, .table_list .stats,
    .topic_table th:nth-child(3),
    .topic_table th:nth-child(4) a:last-child::after,
    .topic_table td:nth-child(4),
    .poster>ul>li {display: inline-block;},
     #author, .poster>ul {
        display: none;
    }
    body {
        padding: 0 0 2em;
    }

The line for displaying the karma and other "bits"
is responsible for not disappearing the topics column ...
If I remove the line, behaviour is normal, but NO more karma and other author details


Antechinus

That line has nothing to do with the stats column. You probably have a syntax error somewhere, like a stray comma or something.

FredHH21

Maybe I got you wrong about the "karma" display in compact views

@Media screen and (max-width: 56em) {
    #menu_skip, .user_time, .table_list .stats,
    .topic_table th:nth-child(3),
    .topic_table th:nth-child(4) a:last-child::after,
    .topic_table td:nth-child(4),
    #author, .poster>ul {
        display: none;
    }

If I remove the bold part, as you told me, Karma is shown in post-view,
but in main index the the post/topic column remains and the board descriptions mess up

I do not really know what I'm doing ... maybe I did wrong

I just need to display the karma settings ( and other stuff )

Antechinus

It needs to look like this:
/* 896px at standard browser settings. */
@media screen and (max-width: 56em) {
     #menu_skip, .user_time, .table_list .stats,
    .topic_table th:nth-child(3),
    .topic_table th:nth-child(4) a:last-child::after,
    .topic_table td:nth-child(4),
     #author {
        display: none;
    }
Note that there is no stray comma before the {

FredHH21

Thanks for you endless patience with such "stupid" :-)
Everything works now, my fault ... I didn't read carefully.

Is there a donation button somewhere ?  8)

Antechinus

Don't worry about it. It's just normal theme support. Or donate a bit to SMF if you like.

FredHH21

Hello again :-)

Is it possible to disable the hamburger-menus ?
And if, how  :D

Antechinus

It's possible, but why would you want to do it?

FredHH21

My users are not used to these hamburger-menus in the forum.
We have some menu options like ajax-chat with online user count etc.
These are not visible anymore because they are collapsed.

Antechinus

Hamburger menus are standard these days, once screen size is small enough for them to be relevant. Just about anyone using the web will have no choice but to get used to them.

In particular, the sidebar menu in this theme (inside profile areas, etc) needs to be collapsed by default on small screens. It chews too much width to be permanently expanded. Having it as a collapsible overlay is the only way that makes sense.

If you want some specific main menu links duplicated outside the hamburger menu that is possible. The PM count and link are done that way in this theme.

Advertisement: