Replies

Jul 24, 2014 11 years ago
Flying Ace
Speiro
User Avatar

I'm not really happy with the buttons used for all these new Peka-Boo features. I'm talking about the buttons like the "View Ungranted Wishes" button on the Shrub, the "Practice Street Team!" button on the BotB page, and "Let Goat of Your Worries" on Oatmeal's page. (And basically all other buttons on those three pages that have the same appearance.)

I'm a huge fan of tabbed browsing, and I compulsively open most links in new tabs, but that doesn't work at all with these buttons. For some reason they were set up to use javascript, which prohibits that functionality. All of the other buttons on the site are either standard HTML buttons or HTML links styled to look like buttons, and both of those can be opened in new tabs without a problem.

What was the reason for this change, and is it going to become the new standard? Because it makes it difficult to navigate the site and I really don't like it. :(

[edit]

They're also unreasonably massive compared to everything else on the site. Functionality aside, all of these different styles are making the site look less and less visually cohesive, which I think is a move in the wrong direction.


Jul 24, 2014 11 years ago
Deadeye
Kisrah
User Avatar
Brainfreeze

I hope this doesn't become the norm for buttons all across the site. I'm sure there's good reason for using them in some places, but there are parts of the site where being able to open links in a new tab are very helpful.

The shop search buttons on quests, and buying items from Quest/Event shops are two that I open in new tabs. It's faster to do quests that way, and in the shops I do it so I can easily keep track of what I've bought, and don't lose my place on the page while buying a lot of stuff. It'd be a real pain if these buttons were changed so that they can't be opened in new tabs. :(


HONK!

Jul 24, 2014 11 years ago
Shalashaska
made a huge mistake
User Avatar
Manta Ray_510

Gonna agree, huge buttons are an eyesore but of minor concern, but I habitually use multiple tabs and this is annoying, I hadn't noticed before, not really taking part in the event, but if it becomes a norm...

Jul 24, 2014 11 years ago
Affirmation
is lonely
User Avatar

Agree on all of the OP. I'm okay with the non-tab-able buttons on the shop search to prevent people from buying up cheap stuff, but...that's the only place I'm really okay with it.

I thought the buttons on the new quests were huge, and the Peka-Boo ones are even bigger. I recall someone saying it was to make it easier for people on phones? Which is fine for them, but for people on desktops they're just gross. Maybe if they weren't in all caps it would be slightly better.

Edit: I don't really know what I'm doing so I'm sure someone else can do this much better than I did, but just quickly playing around with the CSS I managed to make the buttons a little smaller, not in all caps, and match the color of my Riverside theme.

SPOILER (click to toggle) .ui.button, .ui.buttons .button { text-transform: none; padding: 7px 10px; font-size: 14px; font-weight: normal; } .ui.teal.button, .ui.teal.buttons .button { background-color: ; } .ui.blue.button, .ui.blue.buttons .button { background-color: ; } .ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or { font-size: 14px; }
Man, this edit box needs some help... And a preview button

Edit again: Um, they're still the original colors when you hover them and I can't figure out how to change that.

🐧🐧

Jul 24, 2014 11 years ago
far
is a gold digger
User Avatar
Fartsie

I really enjoy my multi-tabs ... but those buttons are really annoying :/

[font=arial]But you don't belong to the shadows[/font]

Jul 24, 2014 11 years ago
Flying Ace
Speiro
User Avatar

Quote by Affirmation
Um, they&;re still the original colors when you hover them and I can&;t figure out how to change that.

Try adding these rules:

.ui.teal.button:hover, .ui.teal.buttons .button:hover { background-color: /* whatever you want / } .ui.blue.button:hover, .ui.blue.buttons .button:hover { background-color: / something else */ }


Please log in to reply to this topic.