fix: change label orientation (#239)

the new style is supported by chrome (webkit) the labels may overflow on the left, where more space is usually available because of the buttons
graasp · May 31, 2024 · e117e83 · e117e83
1 parent a27d7b3
commit e117e83
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/modules/likertItem/LikertItem.tsx b/src/modules/likertItem/LikertItem.tsx
@@ -101,9 +101,8 @@ const LikertItem: FC<LikertItemProps> = ({
             typography: {
               sx: {
                 transformOrigin: 'top center',
-                transform: 'rotate(45deg) translate(0.5em, 0)',
-                writingMode: 'sideways-lr',
-                width: '100%',
+                transform: 'rotate(-45deg) translate(-0.5em, 0)',
+                writingMode: 'vertical-lr',
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
               },