moodle/mod/feedback/styles.css
Michael Milette cba011942c MDL-42462 - Feedback - Fix for WCAG 2.0 issue with Informational and Error Content Displayed in red
1) The same code used in other Moodle forms is now used in Feedback to display the "There are required fields in this form marked (*/Required field)" message at the top of the screen and each of the asterisks next to required fields.

2) Feedback specific styles (missingrequire, feeback_required_mark), which were used to highlight required and error fields, have been eliminated. These colours are now controlled by the common Moodle styles (mform1, mform, fdescription, required, req and error) that are used throughout the rest of Moodle for a more uniform appearance.

3) Field level error reporting now displays a message instead of just highlighting the field in a similar way that other Moodle forms do.

Affected files:

- /mod/feedback/styles.css
- /mod/feedback/complete.php
- /mod/feedback/complete_guest.php
- /mod/feedback/edit.php
- /mod/feedback/print.php
- /mod/feedback/item/captcha/lib.php
- /mod/feedback/item/info/lib.php
- /mod/feedback/item/multichoice/lib.php
- /mod/feedback/item/multichoicerated/lib.php
- /mod/feedback/item/numeric/lib.php
- /mod/feedback/item/textarea/lib.php
- /mod/feedback/item/textfield/lib.php
- /mod/feedback/lang/en/feedback.php

Signed-off-by: Michael Milette <michael.milette@instruxmedia.com>
2014-04-03 09:25:37 -04:00

115 lines
1.8 KiB
CSS

/* styles using by feedback */
.feedback_switchrequired img{
}
span.feedback_info {
font-weight:bold;
}
div.feedback_item_box_left, div.feedback_item_box_right {
}
div.feedback_depend {
background:#DDDDDD;
}
div.feedback_complete_depend {
background:#EEEEEE;
}
span.feedback_depend {
color:#ff0000;
}
div.feedback_item_number_left, div.feedback_item_left {
float:left;
}
div.feedback_item_number_right, div.feedback_item_right {
float:right;
}
div.feedback_item_commands_left {
float:right;
text-align:right;
}
div.feedback_item_commands_right {
float:left;
text-align:left;
}
li.feedback_item_check_h_left,
li.feedback_item_check_h_right,
li.feedback_item_radio_h_left,
li.feedback_item_radio_h_right {
list-style-type:none;
display:inline;
}
div.feedback_item_select_h_left,
div.feedback_item_select_h_right {
display:block;
}
li.feedback_item_check_v_left,
li.feedback_item_check_v_right,
li.feedback_item_radio_v_left,
li.feedback_item_radio_v_right {
list-style-type:none;
display:block;
}
div.feedback_item_select_v_left,
div.feedback_item_select_v_right {
display:block;
}
div.feedback_items label{
display: inline;
}
div.feedback_item_captcha_text_left,
div.feedback_item_captcha_img_left {
display:inline;
margin: 5px;
}
div.feedback_item_captcha_text_right,
div.feedback_item_captcha_img_right {
display:inline;
margin: 5px;
}
hr.feedback_pagebreak {
height:8px;
color:#aaaaaa;
background-color:#aaaaaa;
border:0px;
}
.drag_target_active {
opacity: .25;
}
.drag_item_active {
opacity: .5;
}
ul#feedback_draglist {
list-style: none;
padding: 0;
margin: 0;
}
div#feedback_dragarea {
width:95%;
}
div img.feedback_bar_image {
height: 10px;
}
.path-mod-feedback input,
.path-mod-feedback textarea,
.path-mod-feedback .uneditable-input {
width: auto;
}