Visual fixes for pedago

src/App.tsx

@@ -48,7 +48,7 @@ const App: FC<AppProps> = (props) => {
       </div>
       {hasPedago && isPedagoVisible && (
         <Splitter
-          className={styles.pedagoSplitter}
+          className={styles.appPedagoSplitter}
           layout={isHorizontal ? "vertical" : "horizontal"}
         >
           <SplitterPanel minSize={15} size={30} className={styles.pedagoPanel}>

src/app.module.scss

@@ -4,9 +4,10 @@
   grid-template-rows: auto 1fr;
 }
 
-.pedagoSplitter {
+.appPedagoSplitter {
   height: 100%;
   border: none;
+  border-radius: 0;
   overflow-y: hidden;
 }
 

src/features/navbar/GradingNav.tsx

@@ -35,17 +35,13 @@ const GradingNav: React.FC = () => {
 
   const handlePrev = () => {
     if (studentList == null) return;
-    const i = studentList.findIndex(
-      (el) => (el.nid as number) == nid,
-    );
+    const i = studentList.findIndex((el) => (el.nid as number) == nid);
     if (i <= 0) return;
     goToStudent(studentList[i - 1].nid);
   };
   const handleNext = () => {
     if (studentList == null) return;
-    const i = studentList.findIndex(
-      (el) => el.nid == nid,
-    );
+    const i = studentList.findIndex((el) => el.nid == nid);
     if (i < 0 || i >= studentList.length - 1) return;
     goToStudent(studentList[i + 1].nid);
   };
@@ -85,16 +81,18 @@ const GradingNav: React.FC = () => {
 
   return (
     <div className="p-inputgroup flex-1">
-      {nid != firstNid && (
-        <Button
-          size="small"
-          icon="pi pi-chevron-left"
-          severity="secondary"
-          onClick={handlePrev}
-          tooltip="Copie précédente"
-          outlined
-        />
-      )}
+      <Button
+        size="small"
+        icon="pi pi-chevron-left"
+        severity="secondary"
+        onClick={handlePrev}
+        tooltip="Copie précédente"
+        tooltipOptions={{
+          position: "left"
+        }}
+        disabled={nid == firstNid}
+        outlined
+      />
       <Dropdown
         value={nid}
         options={options}
@@ -103,16 +101,18 @@ const GradingNav: React.FC = () => {
           goToStudent(e.value);
         }}
       />
-      {nid != lastNid && (
-        <Button
-          size="small"
-          icon="pi pi-chevron-right"
-          severity="secondary"
-          onClick={handleNext}
-          tooltip="Copie suivante"
-          outlined
-        />
-      )}
+      <Button
+        size="small"
+        icon="pi pi-chevron-right"
+        severity="secondary"
+        onClick={handleNext}
+        tooltip="Copie suivante"
+        tooltipOptions={{
+          position: "right"
+        }}
+        disabled={nid == lastNid}
+        outlined
+      />
     </div>
   );
 };

src/features/navbar/style.module.scss

@@ -12,26 +12,48 @@
   :global(.dark-theme) & {
     background-color: var(--surface-50);
   }
-  & :global(.p-button-outlined), & :global(.p-button-text) {
+  & :global(.p-button-outlined),
+  & :global(.p-button-text) {
     color: var(--navbar-text-color);
   }
   & :global(.p-button-outlined) {
     border-color: var(--navbar-text-color);
   }
   :global(.light-theme) & :global(.p-button.p-button-secondary:enabled:focus) {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(255, 255, 255, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(255, 255, 255, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   :global(.light-theme) & :global(.p-button.p-button-warning:enabled:focus) {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(249, 115, 22, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(249, 115, 22, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
 }
 
 .reviewNavbar {
-  background-color: var(--surface-400);
+  color-scheme: dark;
+  background-color: var(--surface-500);
+  --review-navbar-text-color: rgba(255, 255, 255, 0.95);
+  color: var(--review-navbar-text-color);
   padding: 4px 16px;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  & :global(.p-button-secondary) {
+    border-color: var(--review-navbar-text-color);
+    color: var(--review-navbar-text-color);
+  }
+  & :global(.p-dropdown) {
+    border-color: var(--review-navbar-text-color);
+    border-left-width: 0;
+    border-right-width: 0;
+  }
+  :global(.dark-theme) & {
+    background-color: var(--surface-100);
+  }
 }
 
 .navbarContainer {
@@ -139,4 +161,4 @@
   display: flex;
   gap: 8px;
   align-items: center;
-}
\ No newline at end of file
+}

src/features/pedago/style.module.scss

@@ -36,6 +36,9 @@
   border: none;
   border-radius: 0;
   background-color: var(--surface-0);
+  & > :global(.p-splitter-panel) {
+    overflow-y: hidden;
+  }
 }
 
 .gradingPanel {