Advertisement:

Author Topic: Responsive Curve  (Read 168324 times)

Offline Dragon41673

  • Jr. Member
  • **
  • Posts: 237
  • Gender: Male
    • ariesgamesandminis on Facebook
    • Aries Games & Miniatures
Re: Responsive Curve
« Reply #200 on: June 12, 2015, 06:57:00 AM »
Smacks head like a moron...no. Thanks
Owner - Aries Games & Miniatures

Offline njtweb

  • Sophist Member
  • *****
  • Posts: 1,114
Re: Responsive Curve
« Reply #201 on: June 12, 2015, 11:51:28 AM »
Works great, just uninstalled v4 and replaced with the new version. Thanks for your great work!

Offline smartmouse

  • Full Member
  • ***
  • Posts: 600
Re: Responsive Curve
« Reply #202 on: July 02, 2015, 05:55:22 AM »
Hello, i'm trying to apply this mod to my forum but i get some errors related to my theme that i could manually fix, except the following ones related to Core theme:

It fails test for index.template.php, Memberlist.template.php and Message.template.php files. For example this modification looks for the following code in /core/index.template.php:

Code: [Select]
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
It will replace it with this code:

Code: [Select]
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<span class="responsive_menu ', $act, '"></span>

But i can't find this row! It seems to be different at all! And the same happens for the other two files.
Here is my index.template.php (core)
http://pastebin.com/WumZVSiV

I tried to search for the same rows from fresh install of SMF and i cannot find them anyway. It is strange... what's wrong at it?


EDIT: the files are different at all because those searched rows are in Default theme path, not Core!
It should search for /Themes/default/, right? Why is searching for /Themes/core/?

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #203 on: July 02, 2015, 05:56:09 AM »
You can find following code and add <span class="responsive_menu ', $act, '"></span> after it to new line.

Code: [Select]
<span>', ($button['active_button'] ? '<em>' : ''), $button['title'], ($button['active_button'] ? '</em>' : ''), '</span>
Note that I/we didn't look at core theme while creating this mod, so don't expect work (fixes) on the theme. This mod created for Curve theme (default).

Offline smartmouse

  • Full Member
  • ***
  • Posts: 600
Re: Responsive Curve
« Reply #204 on: July 02, 2015, 06:12:43 AM »
Before this, can you tell me the difference between default and core theme?
Can i remove core theme and keep the default one?
Is the default theme the Curve theme?

Offline smartmouse

  • Full Member
  • ***
  • Posts: 600
Re: Responsive Curve
« Reply #205 on: July 03, 2015, 07:24:41 AM »
I installed Beta5 and now i would uninstall it... but there is not button to do it in my package list.
My SMF version is 2.0.10, i tried to see in the package-info.xml file of Beta5 package and all seems to be ok:

Code: [Select]
<uninstall for="2.0 - 2.0.99">
<modification type="file" reverse="true">install.xml</modification>
<remove-file name="$boarddir/Themes/default/css/responsive.css" />
<remove-file name="$boarddir/Themes/default/images/responsive_menu.png" />
</uninstall>

So why the Unistall button isn't shown? How to remove it?

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #206 on: July 03, 2015, 07:29:15 AM »
because this mod is done for default theme of SMF 2.0

Offline smartmouse

  • Full Member
  • ***
  • Posts: 600
Re: Responsive Curve
« Reply #207 on: July 03, 2015, 08:04:37 AM »
because this mod is done for default theme of SMF 2.0

So, what can i do now to see "Uninstall" button near the package name?

Offline margarett

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 19,759
  • Gender: Male
Re: Responsive Curve
« Reply #208 on: July 03, 2015, 09:44:13 AM »
Did you set any version for emulation? (for other package, maybe?)
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

Quote
Over 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Offline smartmouse

  • Full Member
  • ***
  • Posts: 600
Re: Responsive Curve
« Reply #209 on: July 03, 2015, 10:02:04 AM »
Did you set any version for emulation? (for other package, maybe?)
No, anyway i check it now and it is 2.0.10. It is very strange...

Offline smartmouse

  • Full Member
  • ***
  • Posts: 600
Re: Responsive Curve
« Reply #210 on: July 04, 2015, 11:02:09 AM »
Solved! I forgot to remove Beta3 before installing Beta5!

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,374
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #211 on: July 04, 2015, 10:26:01 PM »
Just as a note... even with this mod, the core theme will likely NEVER be even close to responsive...
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Offline smartmouse

  • Full Member
  • ***
  • Posts: 600
Re: Responsive Curve
« Reply #212 on: July 05, 2015, 09:48:40 AM »
Just as a note... even with this mod, the core theme will likely NEVER be even close to responsive...
No problem, i deleted it.

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #213 on: July 08, 2015, 05:18:25 PM »

Offline vkot

  • Senior Translator
  • Full Member
  • *
  • Posts: 603
  • Gender: Male
  • @}-'-,--
    • vassiliskotaras on LinkedIn
    • kithara.gr
Re: Responsive Curve
« Reply #214 on: August 12, 2015, 08:20:19 AM »
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code: (Find) [Select]
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}

I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)

Do you have anything similar for Tiny Portal? I would like to hide all the blocks (or selectively, if possible) on mobile screens.
For specialized SMF installation/customization, Web Development, Linux Server Administration, click here.
Για εξειδικευμένες υπηρεσίες στα παραπάνω, πατήστε εδώ.

Offline vkot

  • Senior Translator
  • Full Member
  • *
  • Posts: 603
  • Gender: Male
  • @}-'-,--
    • vassiliskotaras on LinkedIn
    • kithara.gr
Re: Responsive Curve
« Reply #215 on: August 12, 2015, 08:22:22 AM »
EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!

Can you give some hints on how to achieve this? I love the way the components get relocated or disappear as the screen/window gets smaller, I want to do it too...
For specialized SMF installation/customization, Web Development, Linux Server Administration, click here.
Για εξειδικευμένες υπηρεσίες στα παραπάνω, πατήστε εδώ.

Offline Bloc

  • Full Member
  • ***
  • Posts: 577
  • Gender: Male
    • bloc67 on GitHub
Re: Responsive Curve
« Reply #216 on: August 12, 2015, 08:28:39 AM »
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code: (Find) [Select]
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}

I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)

Do you have anything similar for Tiny Portal? I would like to hide all the blocks (or selectively, if possible) on mobile screens.
Which TinyPortal version do you have?

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #217 on: August 12, 2015, 08:31:09 AM »
Well if you want to hide the left/right blocks. You need to paste the code into tp-style.css.

Code: [Select]
@media screen and (max-width: 720px) {
#tpleftbarContainer, #tprightbarContainer
{
display: none;
}
}

Edit: Code update.
Edit2: That snip I posted before about SP is bit old, better one included inside the pack FYI.
« Last Edit: August 12, 2015, 08:45:29 AM by Antes »

Offline vkot

  • Senior Translator
  • Full Member
  • *
  • Posts: 603
  • Gender: Male
  • @}-'-,--
    • vassiliskotaras on LinkedIn
    • kithara.gr
Re: Responsive Curve
« Reply #218 on: August 12, 2015, 03:12:33 PM »
Nice one Antes! It works when resizing the window of my browser on my PC.
But it doesn't work on my android phone (I tested with 2 browsers). Can you modify it?

My Tiny Portal version is 1.107
For specialized SMF installation/customization, Web Development, Linux Server Administration, click here.
Για εξειδικευμένες υπηρεσίες στα παραπάνω, πατήστε εδώ.

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #219 on: August 12, 2015, 03:23:33 PM »
Weird, Responsive.css does not kick-in with TP loaded. Maybe worth asking author of TP or just copy whole content of responisive.css into tp-style.css (also works).