tonyair
/
silverstripe-simple
mirror of https://github.com/silverstripe/silverstripe-simple
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #49 from creative-commoners/pulls/3.1/fix-checkbox-holders-in-userforms 

FIX Do not apply checkbox or radio formatting to the field holders
This commit is contained in:
Damian Mooyman 2018-01-12 10:46:13 +13:00 committed by GitHub
parent 3cf638c170 a923428998
commit 9518f430b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/form.css
View File

@ -1,6 +1,6 @@
/** ---------------------------------------------------------- /** ----------------------------------------------------------
* *
* This stylesheet includes both generic form styles and * This stylesheet includes both generic form styles and
* additional form styles for the User Defined Form Module. * additional form styles for the User Defined Form Module.
* *
** ------------------------------------------------------- */ ** ------------------------------------------------------- */
@ -62,12 +62,13 @@ textarea {
/* Radio and Checkbox */ /* Radio and Checkbox */
.field .checkbox, .field .radio { .field .checkbox:not(.field),
float: left; .field .radio:not(.field) {
width: 13px; float: left;
height: 13px; width: 13px;
margin-right: 6px; height: 13px;
margin-top: 3px; margin-right: 6px;
margin-top: 5px;
padding: 0; padding: 0;
} }
.checkbox label.right, .checkbox label.right,
@ -236,7 +237,7 @@ div.holder-required { /* This class needs to be changed - is used
margin-left: -11px; */ margin-left: -11px; */
} }
form input.holder-required { /* This class needs to be changed - is used for both input and div */ form input.holder-required { /* This class needs to be changed - is used for both input and div */
border: 1px solid #cf0000; border: 1px solid #cf0000;
} }
/* Error messages */ /* Error messages */
@ -273,7 +274,7 @@ form #DMYDate-day {
/* Responsive form styles /* Responsive form styles
----------------------------------------------- */ ----------------------------------------------- */
@media only screen and (max-width: 700px) { @media only screen and (max-width: 700px) {
/* To test - potentially not needed? */ /* To test - potentially not needed? */
.header form .middleColumn { .header form .middleColumn {
@ -286,12 +287,12 @@ form #DMYDate-day {
} }
} }
@media only screen and (max-width: 900px) { @media only screen and (max-width: 900px) {
form { form {
max-width: 100%; max-width: 100%;
} }
} }
@media only screen and (min-width: 700px) { @media only screen and (min-width: 700px) {
} }