Quinn Angstrom
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
Quinn Angstrom
I'm finally back on this and throwing out all the bootstrap shit as unviable and horrible
Quinn Angstrom
Quinn Angstrom
https://images.plurk.com/1kiiHMfXT8LumwkMYEItxT.png I WANT IT TO LOOK LIKE THIS
Quinn Angstrom
WHY IS THE TAB DOWN THERE???
Quinn Angstrom
why does this basic ass fucking tab layout not work, ever, anywhere outside of roll20
Quinn Angstrom
I don't even have multiple tabs
Quinn Angstrom
I just have one tab and it already doesn't work no matter what I fucking do
Quinn Angstrom
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?
Quinn Angstrom
the actual clickable box of the tab is to the left of the displayed tab
Quinn Angstrom
so you need to click in that white space to click the tab
Quinn Angstrom
so, still fucked
Quinn Angstrom
big juicy
oh i did not even realize there was a clickable bit
Magical☆Gurll
are you adding multiple tabs besides this one?
Quinn Angstrom
I plan to
Quinn Angstrom
there will be three
Quinn Angstrom
to display three different pages
Quinn Angstrom
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
Quinn Angstrom
put the tabs in a box, still have that massive white gap
Quinn Angstrom
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
Quinn Angstrom
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?
Quinn Angstrom
oh wait
Quinn Angstrom
this seems to be working
Quinn Angstrom
with one tab
Magical☆Gurll
the absolute positioning is prooobably not going to be of much help when you start adding more
Quinn Angstrom
::before isn't a roll20 thing, this isn't going to go on roll20
Quinn Angstrom
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
Quinn Angstrom
update, I'd think that the "input.sheet-tab2 + span::before { left: 181px; }" would make tab 2 be to the right of tab 1
Quinn Angstrom
but nope
Quinn Angstrom
I'm 100% prepared to throw all the ::before bullshit in the garbage
Quinn Angstrom
I just want
Quinn Angstrom
to render three tabs
Quinn Angstrom
that you can click on
Quinn Angstrom
to see three things
Quinn Angstrom
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
Quinn Angstrom
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
Quinn Angstrom
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
Quinn Angstrom
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
Quinn Angstrom
Quinn Angstrom
載入新的回覆