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:
Matjaz Gregoric
2021-09-21 16:44:35 +02:00
committed by GitHub
parent 9118c8decc
commit 5487ff5906
2 changed files with 4 additions and 17 deletions

View File

@@ -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;

View File

@@ -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;
}
}
}