WiP Career Builder Update

[Xergon]

By the way, i'm gonna try to find a way to make tooltip damages scale with lvl and mastery spent into it, if its not gonna require to rebuild too much .

[Ugle]

Would love it if it was dynamic too. Aka usable on tablets and cell phones too (without having to push the "view in desktop mode")

[Xergon]

Would love it if it was dynamic too. Aka usable on tablets and cell phones too (without having to push the "view in desktop mode")

Actually it is mobile friendly just need small tweeks in CSS Styles because there is no scroll for content overflow, to fix that main style.css values for overflow-x and overflowY should be changed from:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:hidden;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:hidden}
.heightFull{height:100%}

to:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:auto;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:auto}
.heightFull{height:100%}

Either values auto, scroll or visible should work. That should fix it and scroll should appear.

But i do not have access to Heroku dev server where the whole career builder is setup so i cannot change that maybe Ramasse can do that.

[lefze]

Would love it if it was dynamic too. Aka usable on tablets and cell phones too (without having to push the "view in desktop mode")

Actually it is mobile friendly just need small tweeks in CSS Styles because there is no scroll for content overflow, to fix that main style.css values for overflow-x and overflowY should be changed from:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:hidden;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:hidden}
.heightFull{height:100%}

to:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:auto;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:auto}
.heightFull{height:100%}

Either values auto, scroll or visible should work. That should fix it and scroll should appear.

But i do not have access to Heroku dev server where the whole career builder is setup so i cannot change that maybe Ramasse can do that.

Scroll works, you just have to refresh the page after you select a career. It has other bugs aswell though, some skills/tactics are unspeccable on phone, and some tooltips require you to long press the skill to appear. Seems random which skills work and which don't.

[Xergon]

Would love it if it was dynamic too. Aka usable on tablets and cell phones too (without having to push the "view in desktop mode")

Spoiler:

Actually it is mobile friendly just need small tweeks in CSS Styles because there is no scroll for content overflow, to fix that main style.css values for overflow-x and overflowY should be changed from:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:hidden;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:hidden}
.heightFull{height:100%}

to:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:auto;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:auto}
.heightFull{height:100%}

Either values auto, scroll or visible should work. That should fix it and scroll should appear.

But i do not have access to Heroku dev server where the whole career builder is setup so i cannot change that maybe Ramasse can do that.

Scroll works, you just have to refresh the page after you select a career. It has other bugs aswell though, some skills/tactics are unspeccable on phone, and some tooltips require you to long press the skill to appear. Seems random which skills work and which don't.

Ye just tested it on my phone, when things are too high on screen its getting buggy, but if u keep them lower you can click on them and select almost 100% every time... very strange...

EDIT: Ok, i think i found out problem just need to find out solution for it. The problem is, if the tool tip will cover thing you are clicking then you cant click on that thing...

[lefze]

Spoiler:

Actually it is mobile friendly just need small tweeks in CSS Styles because there is no scroll for content overflow, to fix that main style.css values for overflow-x and overflowY should be changed from:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:hidden;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:hidden}
.heightFull{height:100%}

to:

Code: Select all

button,html,input,select,textarea{font-family:Roboto,sans-serif}html{font-size:10px;height:100%}
body{overflow-x:auto;height:100%;background-color:#242728;margin:0}
#app{min-height:100%;width:100%;height:100%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),local("Roboto-Light"),url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.woff) format("woff"),url(/fonts/Roboto-Bold.ttf) format("truetype")}
.heightTitle{height:3.2rem}
.overflowYHidden{overflow-y:auto}
.heightFull{height:100%}

Either values auto, scroll or visible should work. That should fix it and scroll should appear.

But i do not have access to Heroku dev server where the whole career builder is setup so i cannot change that maybe Ramasse can do that.

Scroll works, you just have to refresh the page after you select a career. It has other bugs aswell though, some skills/tactics are unspeccable on phone, and some tooltips require you to long press the skill to appear. Seems random which skills work and which don't.

Ye just tested it on my phone, when things are too high on screen its getting buggy, but if u keep them lower you can click on them and select almost 100% every time... very strange...

EDIT: Ok, i think i found out problem just need to find out solution for it. The problem is, if the tool tip will cover thing you are clicking then you cant click on that thing...

Tested, can confirm that's the issue for me aswell.

[Ramasee]

Matt richards, the person who made the original coding (these issues existed on the old one too), seemed to have designed the app for scaling, but it really only works in landscape mode for phones (at least the ones I've tested).

This was something that I was going to look into after getting the damn thing accurate.

[michela89]

The squig herder page for me is on and endless loading loop. The other classes work well.

[Xergon]

The squig herder page for me is on and endless loading loop. The other classes work well.

Found comma in wrong place should be fixed soon.

[Ramasee]

The squig herder page for me is on and endless loading loop. The other classes work well.

Found comma in wrong place should be fixed soon.

Blame Dan and his order bias !