feat: ORA visual improvements

Lunyachek · CodeWithEmad · commit ad0e2af8c803 · 2025-04-16T16:10:15.000+03:30
diff --git a/src/containers/Rubric/Rubric.scss b/src/containers/Rubric/Rubric.scss
@@ -19,15 +19,19 @@
   }
 }
 .criteria-option {
+  display: flex;
   width: 100%;
   > div {
-    display: inline;
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
     width: 100%;
     .pgn__form-label {
       display: inline-flex;
+      padding-right: 10px;
     }
     .pgn__form-control-description {
-      float: right;
+      white-space: nowrap;
     }
   }
 }
@@ -42,6 +46,10 @@
   .help-popover-option {
     margin-bottom: map-get($spacers, 1);
   }
+  .popover-body {
+    max-height: 100vh;
+    overflow-y: auto !important;
+  }
 }
 
 
@@ -80,4 +88,4 @@
   .grading-rubric-card {
     margin-left: 0 !important;
   } 
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -19,15 +19,19 @@`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`	`.criteria-option {`
	`22`	`+ display: flex;`
`22`	`23`	`width: 100%;`
`23`	`24`	`> div {`
`24`		`- display: inline;`
	`25`	`+ display: flex;`
	`26`	`+ align-items: flex-start;`
	`27`	`+ justify-content: space-between;`
`25`	`28`	`width: 100%;`
`26`	`29`	`.pgn__form-label {`
`27`	`30`	`display: inline-flex;`
	`31`	`+ padding-right: 10px;`
`28`	`32`	`}`
`29`	`33`	`.pgn__form-control-description {`
`30`		`- float: right;`
	`34`	`+ white-space: nowrap;`
`31`	`35`	`}`
`32`	`36`	`}`
`33`	`37`	`}`
`@@ -42,6 +46,10 @@`
`42`	`46`	`.help-popover-option {`
`43`	`47`	`margin-bottom: map-get($spacers, 1);`
`44`	`48`	`}`
	`49`	`+ .popover-body {`
	`50`	`+ max-height: 100vh;`
	`51`	`+ overflow-y: auto !important;`
	`52`	`+ }`
`45`	`53`	`}`
`46`	`54`
`47`	`55`
`@@ -80,4 +88,4 @@`
`80`	`88`	`.grading-rubric-card {`
`81`	`89`	`margin-left: 0 !important;`
`82`	`90`	`}`
`83`		`-}`
	`91`	`+}`