You're Quinner
Hey Plurk does anyone know CSS who can once again try and help me make this garbage not fail to work in completely incomprehensible ways
You're Quinner
I'm finally back on this and throwing out all the bootstrap shit as unviable and horrible
You're Quinner
You're Quinner
https://images.plurk.com/1kiiHMfXT8LumwkMYEItxT.png I WANT IT TO LOOK LIKE THIS
You're Quinner
WHY IS THE TAB DOWN THERE???
You're Quinner
why does this basic ass fucking tab layout not work, ever, anywhere outside of roll20
You're Quinner
I don't even have multiple tabs
You're Quinner
I just have one tab and it already doesn't work no matter what I fucking do
You're Quinner
I hate frontend development and I'm pissass garbage at it and it never makes sense
big juicy
line 47's position: absolute
big juicy
i deleted it and it went up above the content
big juicy
it's still not where you want it to be but it's at least above the content now?
You're Quinner
the actual clickable box of the tab is to the left of the displayed tab
You're Quinner
so you need to click in that white space to click the tab
You're Quinner
so, still fucked
You're Quinner
big juicy
oh i did not even realize there was a clickable bit
Magical☆Gurll
are you adding multiple tabs besides this one?
You're Quinner
I plan to
You're Quinner
there will be three
You're Quinner
to display three different pages
You're Quinner
for now I just want to see if I can get one tab to work
Magical☆Gurll
i might suggest a container for the tabs so you can adjust its position relative to the content box then
Magical☆Gurll
instead of trying to position each tab relative to each other and also the content
You're Quinner
put the tabs in a box, still have that massive white gap
You're Quinner
if I make the tab absolute it goes back underneath the content
Magical☆Gurll
hhh the struggle w trying to play with this is there's all this r20 specific formatting and things like the clickability that i can't finagle on my end... so i can get this far
https://images.plurk.com/3G7UCwnJuCRhrKBP3l1ZZG.png
but have only so much wiggle room to actually fuss with what exists
You're Quinner
so WhY is it so far to the right
Magical☆Gurll
i'm working on that one, idk if it has anything to do with the fact that it's all in a ::before for what i assume are r20 reasons?
You're Quinner
oh wait
You're Quinner
this seems to be working
You're Quinner
with one tab
Magical☆Gurll
the absolute positioning is prooobably not going to be of much help when you start adding more
You're Quinner
::before isn't a roll20 thing, this isn't going to go on roll20
You're Quinner
I'm adapting it from roll20, ::before is a CSS selector
Magical☆Gurll
i mean i know what ::before is i just wasn't sure if you were using it because r20 demanded it be done that way
You're Quinner
update, I'd think that the "input.sheet-tab2 + span::before { left: 181px; }" would make tab 2 be to the right of tab 1
You're Quinner
but nope
You're Quinner
I'm 100% prepared to throw all the ::before bullshit in the garbage
You're Quinner
I just want
You're Quinner
to render three tabs
You're Quinner
that you can click on
You're Quinner
to see three things
You're Quinner
I've spent like ten hours trying to accomplish this and I'm on square fucking ONE
big juicy
i think float: left might be your friend here
big juicy
using float: left in .sheet-tab and getting rid of position: absolute got the tabs to display one right after the other, even though it still gets the weird positioning issues from before
You're Quinner
I threw everything out to try out a new css tab solution and I copied the whole thing wholesale into my app and it doesn't work
You're Quinner
lmao
Magical☆Gurll
pbbbt so the tragic truth of the matter is that anything you do with css here is inevitably going to be bootleggy as SHIT because clickable content changes are the kind of thing that are supposed to be done with javascript/bootstrap; it's not IMPOSSIBLE to do with pure css but it's hard and inelegant and easy to break
You're Quinner
well they should have made it possible to fucking change the style on bootstrap tabs without it being eighteen consecutive hell nightmares!!!
Magical☆Gurll
I DON'T KNOW BOOTSTRAP I DON'T KNOW WHAT TO TELL YOU EXCEPT SORRY
You're Quinner
You're Quinner
載入新的回覆