revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-26 16:52:41 +01:00
Code Issues 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
Show stats 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;