Replies

Nov 18, 2016 9 years ago
Yarn
is synthetic
User Avatar
Parsec

I tried that, it moves the search area up, but the scroll bar does not get closer to the items, so the scroll bar ends up in the middle of the search area...

Nov 18, 2016 9 years ago
nene
User Avatar
Angora

Quote by Niki
I tried that, it moves the search area up, but the scroll bar does not get closer to the items, so the scroll bar ends up in the middle of the search area...
eep sorry, you're right! here's the correct code: .loadedContent {position:absolute; top: 0;} .itemList {max-height: 300px;} .col-lg-7.col-md-7.col-sm-5 {padding-top: 300px;}if you want to make it smaller, say 200px in height, then simply change both values to 200px.

Nov 18, 2016 9 years ago
Yarn
is synthetic
User Avatar
Parsec

Thank youuuuuu! ^_^

.loadedContent {position:absolute; top: 0;} .itemList {max-height: 250px;} .col-lg-7.col-md-7.col-sm-5 {padding-top: 238px;} Worked great for me! :D

Nov 22, 2016 9 years ago
Thomas
has ALL of the stickers!
User Avatar
Algebra

Hope you don't mind me pinging! Figured all the wardrobe enthusiasts might appreciate some UI tweaks to the wardrobe to make it more user friendly, I know it can prove a constant struggle!

Thanks for your hard work ! Wow the error box annoys me so much. Can't wait to dispel it!

Nov 22, 2016 9 years ago
Isabella
is a DANCING QUEEN
User Avatar

omg bless u ❤️

and thanks for the ping, !

art by

Nov 22, 2016 9 years ago
Major
HERO
User Avatar

i think this just saved my life @ unsubmitted cw overlay code

thank you so much omfg



Nov 22, 2016 9 years ago
Holly
is ballin
User Avatar
Bear

omg the unsubmitted overlay code though <3

cw threadping group

Nov 22, 2016 9 years ago
Luckykitten
needs a vacation!
User Avatar
Tierce

these are awesome !! thank you :)

QUestion for you, is there any way to edit the code for the red outline to a different colored outline for all cws in the wardrobe ? I'd love to be able to spot them easier and miss the feature in the old wardrobe where you could at least see the gold star

Nov 22, 2016 9 years ago
nene
User Avatar
Angora

ooh that's a really good idea. while it's not possible to add in the star (might change if i can think of a way but my mind's a lil groggy rn!), it's def. possible to add in a border. something like this?

.item img[src*='items/custom'] {border: 3px solid ;}

aaa thank you for pinging your group! and to you, glad they're of use! c:

Nov 22, 2016 9 years ago
Luckykitten
needs a vacation!
User Avatar
Tierce

you totally rock ! thank you :)

Nov 22, 2016 9 years ago
nene
User Avatar
Angora

no problem! ^__^

Nov 22, 2016 9 years ago
Mortred
has high elf-esteem
User Avatar
Nightmarium

Thank you so much! 😘

Nov 22, 2016 9 years ago
nene
User Avatar
Angora

of course!! c:

Nov 22, 2016 9 years ago
Who
is a has-bean
User Avatar
Toshy

I am seriously crying, these are really nice solutions until we have a better working wardrobe! Especially the two-column used items list as I am a layering whore and scrolling is so hard x.X

I've got a solution with the custom wearable and an indicator using the border-image property: Not the most elegant solution, but it's less intrusive than a full border. Problem is you have to splice the image so it is in all edges. Feel free to come up with a prettier solution, just remembered this because I came upon it just recently.

.item img[src*='items/custom'] {border: 10px solid transparent; border-image: url(http://www.w3schools.com/css/border.png) 60 round; -o-border-image: url(http://www.w3schools.com/css/border.png) 60 round; -webkit-border-image: url(http://www.w3schools.com/css/border.png) 60 round;}

[edit] Tried a bit more and created an image that creates the bullet star Subeta uses on the edge. Also finally noticed that the item images are getting resized with this method ORZ .item img[src*='items/custom'] { width: 62px; height: auto; border: 10px solid transparent; border-image: url(http://i.imgur.com/l486CGe.png) 50% round; -o-border-image: url(http://i.imgur.com/l486CGe.png) 50% round; -webkit-border-image: url(http://i.imgur.com/l486CGe.png) 50% round; } It's a bit better, I think?

Art by

Nov 22, 2016 9 years ago
nene
User Avatar
Angora

thank you for the solutions!! i love that first one most, just because my eyesight is horrific. U_U would you mind if i added both of 'em to the main post when i get around to updating them? o

Nov 23, 2016 9 years ago
Who
is a has-bean
User Avatar
Toshy

Of course! Anyone can use it, I was just messing around after all ^_^ Though the first one has smaller item images, just take the width/height and change the width until it looks better~

Art by

Nov 24, 2016 9 years ago
xxjanism
gets around
User Avatar
Lil PB Junior

Thank you so much for pinging us!

Thank you so much for the amazing codes!

I am using all "other tweaks" and I'm already loving it from just clicking back to my wardrobe! Layers are so dreadful when you have many of them and you have to keep scrolling up and down >.< The big error screen doesn't hold any power of me >:D and it is so much easier spotting the items I'm wearing <3 (also added the custom CW for when I get my first CWs!)

I'm so excited for future HA creating c: THANK YOU THANK YOU!

"Hello there"
[Dance=xxjanism] Style-File

Nov 25, 2016 9 years ago
nene
User Avatar
Angora

noted! i'll add it to the front post when i stop being lazy enough to add in a few other little snippets of mine too! aaaa i'm really glad you're enjoying them ^___^ i heard they were working on another wardrobe too? my fingers are crossed some of these features would be taken into consideration. and if not, hopefully i can make the current ones work with the newer version!!

Please log in to reply to this topic.