« first day (2764 days earlier)      last day (1024 days later) » 

12:44 AM
posted on November 22, 2020

New Cyanide and Happiness Comic

 
 
2 hours later…
2:39 AM
soooooo. this be super weird
0
Q: Why is there a small gap between an absolutely positioned child and parent? All margins, padding, and positions are set to 0

dev sandboxI recreated a stripped down version of the phenomenon I'm facing. So the parent has position: relative and the ::after child has position: absolute with all directional values set to zero. This would normally stretch out the child directly over the parent perfectly in my experience. Also * { marg...

like there has to be less than 30 lines of code in that example. dirt simple but can't figure it out for the life of me
...
there's no one else in this room is there
sweet.
 
 
3 hours later…
6:04 AM
posted on November 23, 2020

New Cyanide and Happiness Comic

 
 
7 hours later…
1:09 PM
Hello
Anyone familiar with accordion? Also, why is my second nested row not appearing under the level 2 parent row? jsfiddle.net/3tjmqeyb
 
 
2 hours later…
2:49 PM
@TylerH yo. I figured out that question^ but any clue why my accordion wont stay expanded?
 
@bigchungus It is the jQuery I think. Probably because you are trying to use the same function for a nested action. It looks at it and says 'this is already open, I don't wanna mess with it'
 
Hm.
 
Sounds like a good question to post in Stack Overflow
 
But it isn't already open atleast the nest isn't
 
I'm sure you'll get like 10 responses in a few hours, since it's jQuery
 
2:54 PM
Sounds good.
 
3:12 PM
Unrelated to the jQuery issue. jsfiddle.net/wy4vkhqp/2 for the level 2 & level 2 dropdowns, how can I get the sub/child rows to be one on top of the other with a more width than height.
 
It looks like there is some library being used to style the layout. The classes for each thing are 'column' and the containing div has classes 'three column row'
So just put each individual div (they grey 'card' ones) in its own row and that should fix that
actually it looks like all you have to do is literally change the .three class name to .one
using frameworks like that can be difficult unless you know what the framework is, understandably...
 
Wow haha thank you. Are you seeing the weird space in between the first and second child rows?
 
yes, it is the padding-top and padding-bottom of 1rem applied to the .row class by semantic.css
 
Ah.
 
It will be placed in between each grey row if you put each of those divs in their own .row container divs
I expect
 
3:28 PM
It's weird because it is only affecting the first parent row
 
3:43 PM
Damnit now the whole thing is messed up
 
Hello, Why pagespeed insights shows totally different score than web.dev or chrome lighthouse ?
Pagespeed mobile 36 - https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.fixservis.sk%2Fshop%2F&hl=en&authuser=1&tab=mobile
web.dev 66 - https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fwww.fixservis.sk%2Fshop%2F
Local lighthouse with Simulated throttling = Off - 62

LCP is horribly wrong, it is just text and that text is there right after FCP.
 
4:18 PM
@viliam This is something that's going to differ as many times as you check it. Each company who checks SEO has their own way of measuring it
In other words, it's opinion-based. You should test your website on a real device and measure if its pageload/speed/SEO/whatever meets your requirements/needs.
That's the only 'speed' test that matters.
 
4:31 PM
@TylerH thank you for you help.
 
How can I get the containers for all the rows to take up more horizontal space?
When I implement into my SharePoint page, the centering is non-existent and it takes up nearly not enough room as I intended
 
@bigchungus open up your browser tools and inspect your HTML
find which element has a width set that is preventing them from growing
 
So thats what I tried. The title class div is not filling up the column div class and when I tried messing with the CSS of those divs, neither changed
 
 
2 hours later…
6:27 PM
@bigchungus .ui.styled.accordion appears to have a width: 600px; applied to it
that's what's keeping your elements from getting bigger
 
.ui.styled.accordion{
  width: 100% !important;
}
:)
 
7:08 PM
hi
can someone help me with this question
-3
Q: Javascript Board Design

Sina HeidariI want a JavaScript program to draw a 6x7 board where in the odd rows the first and last tiles are yellow and other tiles are white; and for the even rows, the colors are flipped So something like this: <body> <div id="div1"></div> </body> window.onload = function drawTheCеlls() { va...

 
7:27 PM
@TylerH one more question and Ill leave you alone haha
 
7:39 PM
https://jsfiddle.net/wgvf2j81/

In this it works fine, and I have the same code in my script editor for sharepoint, but this is how the text above the accordion looks.
 
8:04 PM
@SinaHeidari well since you deleted it... no...
@bigchungus again, that's something you'd have to find via inspecting your code in your browser dev tools
it's probably caused by position somewhere
e.g. the Access Control (AC) label doesn't have it, but the accordion menu does
 
8:25 PM
Ok
 
 
After looking it looked like the
ui stackable grid container retro
div class which is containing all of the accordion rows. The initial position is relative, I changed to static and nothing happened?
Do you think it could be anything else?
 
8:45 PM
@bigchungus It depends. It could still be those elements, and just some padding or margin changes. E.g. negative margin.
It is truly impossible to say without seeing the code and being able to step through it in the browser.
 
Gotcah
 
9:25 PM
@TylerH is there a way to have the parent groups in the accordion show the count of child rows within it at the right side of the row?

For example:
_________________________________________________________________
|> Level 1 20 items
_________________________________________________________________
Ugh its not letting me space between the level 1 and 20 items. but do you get the jist
 
@bigchungus you can either use ol elements or you need JavaScript to count the rows and display a dynamic value
 

« first day (2764 days earlier)      last day (1024 days later) »