Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
CamperBot
@camperbot
refath sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 439 | @korzo |http://www.freecodecamp.com/korzo
Ken Haduch
@khaduch
@Raza403 - any other external CSS should be linked in a similar way in the CSS config panel, and the way you are including those JS files will not work there. Not sure if that is a problem for you right now, but they should be linked to in the JS config panel...
Ghost
@ghost~55a04b725e0d51bd787af54c
Guys after 30s, the layout of the wheel goes haywire https://codepen.io/Refath/pen/RZvxXJ?editors=1010
Any ideas?
Ahmed raza
@Raza403
@khaduch I have changed css and linked bootstrap 4, output changed, thats why I prefer to use full css
Ghost
@ghost~55a04b725e0d51bd787af54c
Here's an image:
Screen Shot 2017-09-01 at 4.02.48 AM.png
Ahmed raza
@Raza403
@khaduch I develop on vs code so that I have those scripts at the bottom, I should have omitted them before posting here
@khaduch That's my fault
Ken Haduch
@khaduch
@Raza403 - okay - do you mean that you changed the Bootstrap code? That's okay to do, but you can customize it by setting different characteristics for the classes that you need to change. But you might be aware of that.
The buttons on the sample project are created by setting CSS classes to hide and show the buttons and are activated by clicking on them, a CSS class to show the "active" button is added to the button that you click on and remove from the other.
@Raza403 - that's okay about the JS files - I wasn't sure if you were using those to implement your page up to this point and that was affecting your results by not actually having them get loaded.
Ahmed raza
@Raza403
@khaduch how are these buttons get aligned right in a row with heading
Ken Haduch
@khaduch
@Raza403 - it looks like they are using "absolute" positioning on the div that contains those three buttons
Ahmed raza
@Raza403
@khaduch Ok thanks..
CamperBot
@camperbot
raza403 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3257 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
@Raza403 - and the "active" class that is put on them animates the width of the button to the full width for the active button...
I hope that helps - i have to go offline for a while so either I'll check back in a while and see if i can help, or maybe you'll make progress with those tips. Good luck!
Ghost
@ghost~55a04b725e0d51bd787af54c
Hi guys
In my app https://refath.github.io/Niva, after a full cycle (30 secs), the layout of the wheel goes haywire
Any ideas?
Kirk Clemons
@kcclemo

Hello all,
I'm working on fixing a minor overlap issue in Firefox for desktop.

search-overlap.png

The site is here:
https://chiefarchitect.com
I would like to address that with as little change to the layout as possible. But, I've run out of ideas.
Ken Haduch
@khaduch
@kcclemo what is the overlap - that's such a big page?
Kirk Clemons
@kcclemo
@khaduch not sure if my screenshot made it through?
Ken Haduch
@khaduch
@kcclemo - I don't see the screenshot - trying to do an a/b comparison between opera and firefox, I haven't seen anything really noticeable yet, but there are lots of little things that shift slightly?
Kirk Clemons
@kcclemo
The issue is really minor, I'm just trying to address it because I've been asked to. It only happens in the desktop version of Firefox, the mobile version does not have the overlap. But, it's on the filter dropdown on the search when the Firefox window is really small.
Ken Haduch
@khaduch
@kcclemo - I see - I can make the firefox window a lot smaller than I can for Opera on the desktop - not sure why that is. But if I drag the firefox window to the same width as the minimum Opera window, everything looks fine.
Kirk Clemons
@kcclemo
@khaduch Yeah, like I said, super minor. Only shows up when you bring the window down to mobile size. But, I do as I'm told so I'm looking into the best way to handle it. I may just reduce the text size and call it good.
I can't see anyone in the real world resizing their browser window down to that size anyway.
Ken Haduch
@khaduch
@kcclemo - I'm curious about why the Opera desktop window can only be reduced in width to a certain size that doesn't exhibit the problem... if there is a way to set up firefox to get to that setting?
Kirk Clemons
@kcclemo
No, but the point is that they want users who do resize their window down to that NOT to see it. No one will ever call in on this but, it's my job. lol
Ken Haduch
@khaduch
@kcclemo - well, in the mobile design mode in the firefox debugger, you can minimize the window down to just about nothing - so you'd never really be able to fix that? I wonder if you can just set a min-width on that selector dropdown?
Kirk Clemons
@kcclemo
Playing around with it though, I think I've come up with a solution:
    @media screen and (max-width: 47.9375em) {
        .site-header .site-search {
            width: auto!important; /* IE doesn't understand width: initial */
            width: initial!important;
        }
        .site-header .site-search-filter {
            min-width: 140px;
        }
        .site-header .site-search-term {
            max-width: 160px;
        }
    }
Thank you @khaduch.
CamperBot
@camperbot
kcclemo sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3258 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
@kcclemo - that makes the selector work, but the input element can be shrunk down to nothing, too... I guess having one or the other is better? At least that is what I'm seeing in the firefox responsive design mode. But it does appear to fix the width of the selector box... you're welcome, to the extent that I helped... :)
Kirk Clemons
@kcclemo
lol Well, I based my fix off a screen size of 320px wide. That's as narrow as I'm willing to troubleshoot. If someone can find a screen smaller than that then maybe I'll look into it further. :D
Brandon Carlino
@bacarlino
@khaduch @chris-loyd Thank you for the feedback. Unfortunately, there is no advertising, marketing, or any current web presence in any form or fashion. It's actually the company I've worked for now for almost 11 years. They don't know that I'm working on it and at this point actually have no idea I'm even into programming. My thought was to put a site together for them could be win-win... I help my current company out, while gaining experience and a notch in my portfolio. Lorem ipsum is exactly what I'm using for now... I think I'll just continue building out the site with that until I either hit a writing spark, or find another solution.
CamperBot
@camperbot
bacarlino sends brownie points to @khaduch and @chris-loyd :sparkles: :thumbsup: :sparkles:
:cookie: 113 | @chris-loyd |http://www.freecodecamp.com/chris-loyd
:star2: 3259 | @khaduch |http://www.freecodecamp.com/khaduch
dyon3334
@dyon3334
array.entries() what does it ?
Umar Khan
@umar-khan
test
iso
@iso1048
@rafaelmonroy one way could be to declare the variable outside the ajax call
Ross Scarborough
@SourceHorse
having an issue with codepen. When I click a link, it won't always open in codepen, but if it middle mouse click, it will open in a new tab correctly
Trommelochse
@Trommelochse
@SourceHorse have you tried the some code on your local machine? Codepen is awesome, but also has its limits