archive/phabricator
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Stop toggle buttons overlapping

Browse Source 
Summary:
When there's an AphrontFormToggleButtonsControl with a lot of toggle options,
the rounded shape of the a.toggle buttons overlaps, and the text inside breaks
over multiple lines.

Making them display:block, and floating them left fixes this.

Test Plan: Made my font really big as a test case.

Reviewers: epriestley

Reviewed By: epriestley

CC: bgh, aran, Korvin

Differential Revision: https://secure.phabricator.com/D3529
This commit is contained in:
Edward Speyer
2012-09-21 13:05:56 -07:00
parent f466c54fc0
commit 48fa3eb3b3
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
webroot/rsrc/css/core/buttons.css
View File

@@ -163,6 +163,9 @@ a.toggle {
padding: 2px 6px 3px; padding: 2px 6px 3px;
font-weight: bold; font-weight: bold;
margin-right: 4px; margin-right: 4px;
margin-bottom: 5px;
display: block;
float: left;
color: #777777; color: #777777;
border-radius: 8px; border-radius: 8px;
-moz-border-radius: 8px; -moz-border-radius: 8px;