Advertisement:

Author Topic: Jane [Responsive]  (Read 2906 times)

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Jane [Responsive]
« on: July 15, 2020, 03:40:04 PM »
Link to the theme


A very simple plane Jane responsive theme for SMF 2.0. Has your social media follow buttons, flat design and minimal. Our style is clean, flat and professional. When you see our design out there, you'll know where it came from, idesignSMF.com This theme is free for personal and commercial use. You are allowed to use it in your projects, change it and adapt for your purposes. You are not allowed to remove the authorship and link to idesignsSMF.com

Offline Rock Lee

  • Native Language Support Specialist
  • SMF Hero
  • *
  • Posts: 3,804
  • Gender: Male
  • Learning more every day!
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Jane [Responsive]
« Reply #1 on: July 15, 2020, 07:04:59 PM »
I like it is very clean and gives an impression of professionalism, great job @Mick :D


Regards!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Jane [Responsive]
« Reply #2 on: July 16, 2020, 08:30:25 AM »
I like it is very clean and gives an impression of professionalism, great job @Mick :D


Regards!
Thank you!

Offline pocttopus

  • Full Member
  • ***
  • Posts: 488
  • Low pressure
    • @pocttopus on Twitter
    • mkreef.com
Re: Jane [Responsive]
« Reply #3 on: July 21, 2020, 04:58:49 AM »
Very nice theme... can you make for RC2 as well? O:)

Offline Deaks

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,533
  • Gender: Male
    • trekkiesforyes on Facebook
    • pouvik on GitHub
    • @trekkies4yes on Twitter
    • YES
Re: Jane [Responsive]
« Reply #4 on: July 21, 2020, 08:39:12 AM »
Love the theme brother, simple but adds something new.

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Jane [Responsive]
« Reply #5 on: July 21, 2020, 01:10:53 PM »
Very nice theme... can you make for RC2 as well? O:)
Well, i'm kinda waiting for rc3 to come out. I'd hate to update themes every time a new rc version comes out.

Love the theme brother, simple but adds something new.
Thank you!

Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,959
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Jane [Responsive]
« Reply #6 on: July 21, 2020, 01:18:32 PM »
why RC3 specifically ? there will most likely be theme changes after RC3 as well.
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Jane [Responsive]
« Reply #7 on: July 21, 2020, 01:34:26 PM »
why RC3 specifically ? there will most likely be theme changes after RC3 as well.
What I mean is,... I haven't looked much at rc2 theme template lately. Just once took a peek and made my old theme to work with 2.1 https://www.idesignsmf.com/dev-site2/index.php With the ongoing updates, I don't want to make themes for 2.1 just yet simply because of not knowing whats been changed, if any. There's always something.  That's why I stopped making mods that depend on external calls. Like my old Facebook Like mod back in the day; lol Facebook changed their API every other month. I had to update the mod. Sigh...no more lol

Offline kohlekocher

  • Newbie
  • *
  • Posts: 2
Re: Jane [Responsive]
« Reply #8 on: August 27, 2020, 04:18:33 PM »
Hi Mick.

I like the theme very much, thanks for your work - this is brilliant!
However, I have a little issue to report - tried even to debug it myself, however it seems my CSS skills are outdated  :-[ - do not have not so much understanding how the responsive stuff works.

Issue is the following:
When I open the forum on my mobile (or for testing, reduce the width of the browser window on the desktop) at some point - suddenly the table widths of the list of topics is very very narrow. Even though there is more space on the screen left. Also what it does is the headline of the table is too large still.

Not sure where this problem comes from - hope this can be solved easily?

Thanks and best regards from Germany!

Offline Antechinus

  • SMF Friend
  • SMF Master
  • *
  • Posts: 25,501
  • Master of BBC Abuse
Re: Jane [Responsive]
« Reply #9 on: August 28, 2020, 08:41:40 AM »
That will be due to the responsive CSS dropping table cells (td) before it drops table column headers (th). Should be an easy fix. It'll just be a matter of tweaking break points for the headers.

Offline barnaby jonez

  • Semi-Newbie
  • *
  • Posts: 21
Re: Jane [Responsive]
« Reply #10 on: August 28, 2020, 05:35:49 PM »
Hi Mick.

I like the theme very much, thanks for your work - this is brilliant!
However, I have a little issue to report - tried even to debug it myself, however it seems my CSS skills are outdated  :-[ - do not have not so much understanding how the responsive stuff works.

Issue is the following:
When I open the forum on my mobile (or for testing, reduce the width of the browser window on the desktop) at some point - suddenly the table widths of the list of topics is very very narrow. Even though there is more space on the screen left. Also what it does is the headline of the table is too large still.

Not sure where this problem comes from - hope this can be solved easily?

Thanks and best regards from Germany!

This is because Jane theme assumes you have Responsive Curve mod installed as well, which does some changes to default/Curve theme - do you have that mod installed? I had same issue.

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Jane [Responsive]
« Reply #11 on: August 28, 2020, 06:00:49 PM »
Not sure whats going on,...the theme already has the responsive.css

I cant replicate the issue  https://www.idesignsmf.com/demo/index.php?theme=13

Offline barnaby jonez

  • Semi-Newbie
  • *
  • Posts: 21
Re: Jane [Responsive]
« Reply #12 on: August 29, 2020, 02:05:51 PM »
You can't replicate issue because your test site probably has Responsive Curve mod installed does it not?

Responsive Curve mod adds classes (.hidden) to specific th elements on template file (MessageIndex.template.php), which responsive.css uses to hide at certain viewports

If you dont have the responsive mod installed, your template will not have those changes, and so the CSS will not hide them on mobile causing that issue

It is a simple enough fix if you want to manually add those classes yourself to the template file

Offline kohlekocher

  • Newbie
  • *
  • Posts: 2
Re: Jane [Responsive]
« Reply #13 on: August 29, 2020, 02:10:37 PM »
You can't replicate issue because your test site probably has Responsive Curve mod installed does it not?

Responsive Curve mod adds classes (.hidden) to specific th elements on template file (MessageIndex.template.php), which responsive.css uses to hide at certain viewports

If you dont have the responsive mod installed, your template will not have those changes, and so the CSS will not hide them on mobile causing that issue

It is a simple enough fix if you want to manually add those classes yourself to the template file

Thanks, Jonez. Will give it a try!

Question about the approach:
Do I have to un-install Jane, then install the "responsive" mod and then re-install Jane - or just add the responsive mod on top?


Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Jane [Responsive]
« Reply #14 on: August 29, 2020, 05:50:32 PM »
You don't need the mod. The responsive.css is already on the theme. Could be something else is happening

Sigh... Yes...you need the responsive mod. I'll update the theme as soon as I can.

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Jane [Responsive]
« Reply #15 on: August 29, 2020, 06:05:01 PM »
Reasons why you need the responsive mod....

It modifies about 3-4 files in default theme that Jane theme does not have. That's why my themes are lightweight. I don't include such files since they're already being pulled from default theme.

Offline barnaby jonez

  • Semi-Newbie
  • *
  • Posts: 21
Re: Jane [Responsive]
« Reply #16 on: August 29, 2020, 07:37:59 PM »
Mick,

Not your fault man. I think the theme is pretty clean and I appreciate it "uses" default/Curve theme rather than try to do its own thing.

Offline pepf

  • Semi-Newbie
  • *
  • Posts: 81
Re: Jane [Responsive]
« Reply #17 on: September 24, 2020, 12:58:57 AM »
Testing this theme. One question. why and what does 'jane' load via cloudflare???
Curve loads nothing despite being on the same server.

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Jane [Responsive]
« Reply #18 on: September 24, 2020, 12:20:48 PM »
Testing this theme. One question. why and what does 'jane' load via cloudflare???
Curve loads nothing despite being on the same server.
Im not following the question. This theme has nothing to do with cloudfare.

Offline pepf

  • Semi-Newbie
  • *
  • Posts: 81
Re: Jane [Responsive]
« Reply #19 on: September 24, 2020, 08:16:24 PM »
Thanks for answering. This is confusing. I have the 'True Sight' addon installed in Firefox. It shows two CDNs (Content Delivery Networks) involved when loading a Jane webpage.
The forums with Curve and Jane are both installed in sub-directories on the same server. The only difference apart from the theme is that the former is running in English, while I'm testing the latter with traditional Chinese (UTF-8). Everything seems to work perfectly, but it is bugging me that each time when Jane loads the the True Sight addon shows CDNs from two servers.
True Sight says: External resources were served by a CDN.
One is cdnjs.cloudflare.com, the other seems to be font related - it disappears if I test with English only.
Cloudflare appears every time, even if the language is switched to English. But no CDN is detected if the theme is switched to curve. Doesn't that mean it is related to the theme itself, somehow?

How can that be?

Peter