Fix RTL issue with capa problems (#28562)
* fix: resolve styling cap RTL styling issue Margins were incorrect in the RTL version of the stylesheet. * fix: move style overrides from lms-course to capa These styles were only applied to the LTR version of the stylesheet, but we want them in the RTL version as well.
This commit is contained in:
@@ -237,7 +237,8 @@ div.problem {
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
@include margin(($baseline/4) ($baseline/2) ($baseline/4) ($baseline/4));
|
||||
@include margin($baseline/4);
|
||||
@include margin-right($baseline/2);
|
||||
}
|
||||
|
||||
input {
|
||||
@@ -288,7 +289,7 @@ div.problem {
|
||||
|
||||
label {
|
||||
@include padding($baseline/2);
|
||||
@include padding-left($baseline*1.9);
|
||||
@include padding-left($baseline*2.3);
|
||||
|
||||
position: relative;
|
||||
font-size: $base-font-size;
|
||||
@@ -301,7 +302,7 @@ div.problem {
|
||||
@include left(em(9));
|
||||
|
||||
position: absolute;
|
||||
top: em(9);
|
||||
top: 0.35em;
|
||||
width: $baseline*1.1;
|
||||
height: $baseline*1.1;
|
||||
z-index: 1;
|
||||
|
||||
@@ -24,17 +24,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Extra mfe theme-specific rules.
|
||||
// Move this to a separate file in case more mfe specific rules need to be a added
|
||||
.xmodule_display.xmodule_ProblemBlock div.problem {
|
||||
.choicegroup {
|
||||
label {
|
||||
padding-left: $baseline*2.3;
|
||||
}
|
||||
|
||||
input[type="radio"], input[type="checkbox"] {
|
||||
top: 0.35em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user