Merge pull request #329 from shreyas1434shinde/boardEnrollment

Task #PS-2096 :RTL Support for Facilitator's App
tekdi · Oct 10, 2024 · 1704b0a · 1704b0a
2 parents b8edc71 + d678119
commit 1704b0a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 12 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -112,20 +112,16 @@ const Header: React.FC<HeaderProps> = ({ toggleDrawer, openDrawer }) => {
  <Box
  sx={{
  height: '64px',
- // direction: isRTL ? 'rtl' : 'ltr',
- '@media (max-width: 500px)': {
- position: 'fixed',
- width: '100%',
- zIndex: '999',
- },
  }}
  >
  <Box
  className="w-md-100 ps-md-relative"
  sx={{
  display: 'flex',
  justifyContent: 'center',
- position: hasSeenTutorial ? 'relative' : 'relative',
+ '@media (max-width: 500px)': {
+ position: hasSeenTutorial ? 'fixed' : 'relative',
+ },
  top: '0px',
  zIndex: '999',
  width: '100%',

diff --git a/src/components/MenuDrawer.tsx b/src/components/MenuDrawer.tsx
@@ -92,8 +92,8 @@ const MenuDrawer: React.FC<DrawerProps> = ({
  open={isDesktop || isOpen}
  onClose={closeDrawer}
  transitionDuration={{ enter: 500, exit: 500 }}
- // anchor={isRTL ? 'right' : 'left'} // Set anchor based on direction
- anchor="left"
+ anchor={isRTL ? 'right' : 'left'} // Set anchor based on direction
+ // anchor="left"
  className="backgroundFaded"
  variant={isDesktop ? 'persistent' : 'temporary'}
  sx={{

diff --git a/src/pages/assessments/index.tsx b/src/pages/assessments/index.tsx
@@ -379,15 +379,14 @@ const Assessments = () => {
  </Box>
  </Grid>
  <Grid item xs={12} md={6}>
- <Box sx={{ mt: 2, px: '20px', width: '100%', direction: 'rtl' }}>
+ <Box sx={{ mt: 2, px: '20px', width: '100%' }}>
  <FormControl fullWidth>
  <InputLabel
  style={{
  color: theme?.palette?.warning['A200'],
  background: theme?.palette?.warning['A400'],
  paddingLeft: '2px',
  paddingRight: '2px',
- textAlign: 'right', // Align the label text to the right
  }}
  id="demo-simple-select-label"
  >
@@ -399,7 +398,6 @@ const Assessments = () => {
  label={t('ASSESSMENTS.ASSESSMENT_TYPE')}
  style={{
  borderRadius: '4px',
- textAlign: 'right', // Align the dropdown text to the right
  }}
  onChange={(e) => setAssessmentType(e.target.value)}
  defaultValue={'pre'}
@@ -477,6 +475,7 @@ const Assessments = () => {
  endIcon={<ArrowDropDownSharpIcon />}
  size="small"
  variant="outlined"
+ className="one-line-text"
  >
  {t('COMMON.SORT_BY')}
  </Button>