1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 18:52:42 +01:00
phorge-phorge/webroot/rsrc/css/application/config/config-options.css
Chad Little 43ff24b0f3 Update form styles, implement in many places
Summary:
This creates a common form look and feel across the site. I spent a bit of time working out a number of kinks in our various renderings. Some things:

- Font Styles are correctly applied for form elements now.
- Everything lines up!
- Selects are larger, easier to read, interact.
- Inputs have been squared.
- Consistant CSS applied glow (try it!)
- Improved Mobile Responsiveness
- CSS applied to all form elements, not just Aphront
- Many other minor tweaks.

I tried to hit as many high profile forms as possible in an effort to increase consistency. Stopped for now and will follow up after this lands. I know Evan is not a super fan of the glow, but after working with it for a week, it's way cleaner and responsive than the OS controls. Give it a try.

Test Plan: Tested many applications, forms, mobile and tablet.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5860
2013-05-07 14:07:06 -07:00

48 lines
759 B
CSS

/**
* @provides config-options-css
*/
.config-option-table {
width: 100%;
border-collapse: collapse;
border: 1px solid #cccccc;
background: #fff;
}
.config-option-table th,
.config-option-table td {
padding: 4px 12px;
border: 1px solid #cccccc;
}
.config-option-table th {
background: #e9e9e9;
text-align: right;
white-space: nowrap;
}
.config-option-table th em {
font-weight: normal;
color: #666666;
}
.config-option-table td {
color: #333333;
width: 100%;
}
.config-option-table .column-labels th {
font-weight: bold;
color: #333333;
text-align: center;
background: #e0e0e0;
}
.config-options-current-value {
padding: 0 8px 6px;
white-space: pre-wrap;
}
.config-options-current-value span {
color: #777;
}