tecman
  • Posts: 176
  • Joined: 20/09/2013
What will we do with this issue?
Screenshot_20190315_134343_com.android.chrome (2).jpg
Sponsor
tha_watcha
  • Posts: 4133
  • Joined: 06/03/2010
Issue should be fixed in 2.24.16
UserPostedImage
tecman
  • Posts: 176
  • Joined: 20/09/2013
Still not fixed in the v2.2.5.
tha_watcha
  • Posts: 4133
  • Joined: 06/03/2010
at least testing it with your website it works. when i view the site as guest
UserPostedImage
tecman
  • Posts: 176
  • Joined: 20/09/2013
Close and More Details on HUAWEI P20
tha_watcha
  • Posts: 4133
  • Joined: 06/03/2010
I dont have any more ideas. I Still can't reproduce it.
UserPostedImage
tecman
  • Posts: 176
  • Joined: 20/09/2013
I checked in FireFox. Yes, I also do not see this problem anymore. Perhaps, it's a cache on my Android phone or something like that (sure, I cleared the cache before testing). I'll try to find other devices to test. If something looks wrong, I'll let you know.

Thank you for your work!
tecman
  • Posts: 176
  • Joined: 20/09/2013
Here is a result from another Android phone:

'Close' and 'More Details' on Android #2

This is what I saw in the native Google Chrome Android browser on a phone that have never been used before to view our test forum page.

Can you find an Android phone to reproduce this issue?
tecman
  • Posts: 176
  • Joined: 20/09/2013
I could reproduce the problem in FireFox using mobile device emulation in their DevTools:

Screen #3

I resized the 'screen' to 352x740 to reproduce this bad layout for the 'Close' and 'More Details' buttons.
tha_watcha
  • Posts: 4133
  • Joined: 06/03/2010
Okay with that browser i can reproduce it.

.cookiealert-container span {
  margin: 5px;
}


add this to the theme.css of the YafMobile theme
UserPostedImage
tecman
  • Posts: 176
  • Joined: 20/09/2013
NO! This makes the buttons even bigger.

As I already wrote earlier, the problem is in the general layout of the cookie consent dialog. You can't fix this problem by changing the margins or paddings of the buttons. We can always find a screen width that causes the problem we are trying to solve.
tha_watcha
  • Posts: 4133
  • Joined: 06/03/2010
Hmh it was working before. What happens when you try

.cookiealert-container span {
    padding: 0 !important;
}

UserPostedImage
tecman
  • Posts: 176
  • Joined: 20/09/2013
No, this does not help in the general case. Don't you understand that actually you are just playing with the button sizes? This can't help because we can always find a screen with a width on which the Close button will jump down. The problem is in the layout of controls in the cookie consent warning box!! Stop playing with button sizes and reposition the text and buttons in the cookie consent box.
tha_watcha
  • Posts: 4133
  • Joined: 06/03/2010
Originally Posted by: tecman 

No, this does not help in the general case. Don't you understand that actually you are just playing with the button sizes? This can't help because we can always find a screen with a width on which the Close button will jump down. The problem is in the layout of controls in the cookie consent warning box!! Stop playing with button sizes and reposition the text and buttons in the cookie consent box.



Sorry but then I can't help you. And you have to wait for version 2.30 where the problem doesn't exist


UserPostedImage
Zero2Cool
  • Posts: 1082
  • Joined: 26/04/2011
Originally Posted by: tecman 

No, this does not help in the general case. Don't you understand that actually you are just playing with the button sizes? This can't help because we can always find a screen with a width on which the Close button will jump down. The problem is in the layout of controls in the cookie consent warning box!! Stop playing with button sizes and reposition the text and buttons in the cookie consent box.



I'm not sure how adding padding to the container is playing with button sizes. Regardless, the fix I would propose is to add a bootstrap row with two columns. I would also add 5px padding on the container as well.

Isn't pretty, I'm at work and just throwing it up quick to give an idea of a possible solution.

.cookiealert-container {

    padding: 5px;

}




<div class="cookiealert-container">
<div class="row">
        <div class="col-lg-8">
        
        <strong>Important Information:</strong>
        The 10Tec Forum uses cookies. By continuing to browse this site, you are agreeing to our use of cookies.
        </div>
        <div class="col-lg-4">
        <a id="forum_ctl05_MoreDetails" class="yaflittlebutton" href="/forum/cookies" onclick="this.blur(); this.onclick = function() { return false; }; return true;"><span>More Details</span></a>
        <a id="forum_ctl05_close" class="yaflittlebutton acceptcookies" href="javascript:__doPostBack('forum$ctl05$close','')" onclick="this.blur(); this.onclick = function() { return false; }; return true;"><span>Close</span></a>
    </div>
        </div>
</div> 







Users browsing this topic
    Forum Jump  
    • You cannot post new topics in this forum.
    • You cannot reply to topics in this forum.
    • You cannot delete your posts in this forum.
    • You cannot edit your posts in this forum.
    • You cannot create polls in this forum.
    • You cannot vote in polls in this forum.

    About Us

    The YAF.NET is an open source .NET forum project. YAF.NET is supported by an team of international developers who are build community by building community software.

    Powered by Resharper Donate with PayPal button

    Project Twitter Updates

    Copyright © YetAnotherForum.NET & Ingo Herbote. All rights reserved