Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
requests-topic
Reboot Theme border radius settings...
Avatar
Ryan
Member
sp_UserOfflineSmall Offline
Mar 24, 2015 - 11:38 am

Hey,

It would be good if there was a settings "group" in the reboot theme template for border radius, currently my theme has some done manually but I'm missing one or two here and there.

For example, I'm trying to make everything have a radius of 2.5 with the exception of any "buttons" for example: 

2015-03-24 - 12.48.35 ~ capture

or the Search Button, Add Topic, Add Reply... etc

Any chance this could be added or someone can give me a comprehensive list of elements?

So far I've got:


#spMainContainer .spMemberGroupsSection .spMemberGroupsHeader, #spMainContainer .spGroupViewSection .spGroupViewHeader, #spMainContainer .spForumViewSection .spForumViewHeader, #spMainContainer .spTopicViewSection .spTopicViewHeader, #spMainContainer .spListViewSection .spListViewHeader {
 -webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer .spHeadContainer, #spMainContainer .spBodyContainer, #spMainContainer .spGroupForumContainer, #spMainContainer .spFootContainer {
 -webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer .spHeadControlBar {
 -webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer .spGroupForumSection.spOdd, #spMainContainer .spForumTopicSection.spOdd, #spMainContainer .spMemberListSection.spOdd {
 -webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer ul#spProfileTabs {
 -webkit-border-radius: 5px; border-radius: 5px;
}

#spMainContainer .spTopicPostSection, #spMainContainer .spTopicPostSection .spPostSection {
 -webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer img.spAvatar {
 -webkit-border-radius: 5px; border-radius: 5px;
}

/* slight errors with the borders on these...*/
#spMainContainer #spMembersListSearchForm .spForm {
 -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
}
#spMainContainer #spMemberPageLinks {
 -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
}
#spMainContainer #spMemberPageLinks.spPageLinks.spPageLinksBottom {
 -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
}
Avatar
Ike
Sawtry, UK
Member
Free Members
sp_UserOfflineSmall Offline
Mar 24, 2015 - 12:34 pm

Hey RyanD,

I think the shortest answer here is continue as you are, and use the inspector to spot the missing elements that you want to apply the border radius to. To make it a bit more controllable you could modify the $smallRadius variable in the overlay to the radius you want, and just paste in:

<?php echo($smallRadius); ?>

Instead of the long way you are adding it there. This also means that if you decide later you would rather have a 4px border you only have to change one thing.

The longer answer - I guess the theme doesn't really give much of an option for radius because it's a square theme! It's definitely something I'll consider adding using something similar to / or the $smallRadius variable in the overlay.

But, how far do you take it? Some people might want a 5px radius on some elements and a 2px radius on others, so do you make a border radius variable for each element? Essentially it would be the same amount of input as you are now doing - although they would most likely be arranged in a nice easy to access list of variables in the overlay.

This is the first request, but I'd be interested to see how many people would be interested in border radius in Reboot before opening up a ticket to add it. I know Andy is probably pro the idea!

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 618
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10126
Posts: 79622