nublet Comments - Answer Overflow

Topics

nublet

KPCKevin Powell - Community

•Created by nublet on 9/21/2023 in #front-end

Animating columns for tables

like should i have them all display and position absolute? or should I do the animations with a display grid with spanning columns. This involves reposition columns based on a piece of data.

2 replies

KPCKevin Powell - Community

•Created by nublet on 6/20/2023 in #front-end

Cloning IOS Moving Apps around feature.

Gotcha, its been made. I don't even know where to start besides from the architecture because my stuff is just a convoluted mess now ;-;

12 replies

KPCKevin Powell - Community

•Created by nublet on 6/20/2023 in #front-end

Cloning IOS Moving Apps around feature.

Yo someone pls help me with my drag and drop 😭 There’s like stuff going on in the back in which i can’t comprehend

12 replies

KPCKevin Powell - Community

•Created by nublet on 6/20/2023 in #front-end

Cloning IOS Moving Apps around feature.

@chrisbolson do you know if its possible to do all the animations and moving using display: grid? Or should I make them all position absolute and set them

12 replies

KPCKevin Powell - Community

•Created by nublet on 6/20/2023 in #front-end

Cloning IOS Moving Apps around feature.

So swapping positions is possible until you swap a smaller piece with a bigger piece, then we'd have to recreate the grid i believe

12 replies

KPCKevin Powell - Community

•Created by nublet on 6/20/2023 in #front-end

Cloning IOS Moving Apps around feature.

Swapping them would defenietly be easier, but in my case specifically I am working with 3 possible dimensions. 1x1 1x2 and 2x2. The grid is 3 columns and x amount of rows dynamically expanding based on how many items.

12 replies

KPCKevin Powell - Community

•Created by nublet on 6/20/2023 in #front-end

Cloning IOS Moving Apps around feature.

That’s what I’m also trying to determine, I don’t know what rules to come up with in regard to the item relocation

12 replies

KPCKevin Powell - Community

•Created by rishit on 5/31/2023 in #front-end

Chatbox

33 replies

KPCKevin Powell - Community

•Created by rishit on 5/31/2023 in #front-end

Chatbox

I can't use your codepen

33 replies

KPCKevin Powell - Community

•Created by rishit on 5/31/2023 in #front-end

Chatbox

What happen?

33 replies

KPCKevin Powell - Community

•Created by nublet on 5/26/2023 in #front-end

Suggestions on how to start or tackle this problem.

Sweet, yeah I just wanted a solution that was versatile so i don't have to adhere to weird property / special rules

50 replies

KPCKevin Powell - Community

•Created by nublet on 5/26/2023 in #front-end

Suggestions on how to start or tackle this problem.

Then maybe have funky pathings and curves etc... with the path svgs

50 replies

KPCKevin Powell - Community

•Created by nublet on 5/26/2023 in #front-end

Suggestions on how to start or tackle this problem.

Haven't really messed with svgs or canvas but i just know that with svgs I'll be able to maybeeee switch those lines out for something more fun?

50 replies

KPCKevin Powell - Community

•Created by nublet on 5/26/2023 in #front-end

Suggestions on how to start or tackle this problem.

ty man its a small step but we're getting somewhere

50 replies

KPCKevin Powell - Community

•Created by rishit on 5/31/2023 in #front-end

Chatbox

function scrollToBottom() {
  const chatContainer = document.getElementById("chat-container");
  const lastMessage = chatContainer.lastElementChild;
  lastMessage.scrollIntoView({ behavior: "smooth", block: "end" });
}

function scrollToBottom() {
  const chatContainer = document.getElementById("chat-container");
  const lastMessage = chatContainer.lastElementChild;
  lastMessage.scrollIntoView({ behavior: "smooth", block: "end" });
}

33 replies

KPCKevin Powell - Community

•Created by rishit on 5/31/2023 in #front-end

Chatbox

do this then

33 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 5/30/2023 in #front-end

percentage width behaving weirdly

Then it should take up the remaining space if you've set the div to 60%

11 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 5/30/2023 in #front-end

percentage width behaving weirdly

Or if you dont want that maybe doing a flex-grow: 1 on the image and remove its width

11 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 5/30/2023 in #front-end

percentage width behaving weirdly

So

 <figure className="img-container max-width: 40% width: 100%> 
<img width:100%> 
</figure>

 <figure className="img-container max-width: 40% width: 100%> 
<img width:100%> 
</figure>

11 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 5/30/2023 in #front-end

percentage width behaving weirdly

or a div and set its width how you want it

11 replies