feat: Added grades

This commit is contained in:
2026-05-29 19:17:40 +02:00
parent c0feda4ba8
commit 0a80f89136
7 changed files with 474 additions and 74 deletions
-71
View File
@@ -51,74 +51,3 @@
-fx-text-fill: transparent;
}
/* Grades Styling */
.subject-card {
-fx-background-color: rgba(30, 40, 56, 0.7);
-fx-border-color: rgba(255, 255, 255, 0.05);
-fx-border-radius: 8px;
-fx-background-radius: 8px;
-fx-padding: 15px 20px;
}
.grade-badge {
-fx-background-radius: 5px;
-fx-min-width: 32px;
-fx-min-height: 32px;
-fx-alignment: center;
-fx-padding: 2px 8px;
}
.grade-small {
-fx-min-height: 20px;
-fx-max-height: 20px;
-fx-min-width: 32px;
-fx-opacity: 0.85;
-fx-padding: 0px 8px;
}
.grade-predicted {
-fx-background-color: transparent !important;
-fx-border-style: dashed;
-fx-border-width: 1px;
-fx-border-radius: 4px;
-fx-opacity: 1.0;
}
.grade-predicted.grade-1 { -fx-border-color: #2ea043; }
.grade-predicted.grade-1 .grade-text { -fx-text-fill: #2ea043; }
.grade-predicted.grade-2 { -fx-border-color: #8957e5; }
.grade-predicted.grade-2 .grade-text { -fx-text-fill: #8957e5; }
.grade-predicted.grade-3 { -fx-border-color: #d29922; }
.grade-predicted.grade-3 .grade-text { -fx-text-fill: #d29922; }
.grade-predicted.grade-4 { -fx-border-color: #f85149; }
.grade-predicted.grade-4 .grade-text { -fx-text-fill: #f85149; }
.grade-predicted.grade-5 { -fx-border-color: #da3633; }
.grade-predicted.grade-5 .grade-text { -fx-text-fill: #da3633; }
.grade-predicted.grade-other { -fx-border-color: #6e7681; }
.grade-predicted.grade-other .grade-text { -fx-text-fill: #6e7681; }
.grade-add-btn {
-fx-background-color: rgba(255, 255, 255, 0.02);
-fx-border-color: rgba(255, 255, 255, 0.2);
-fx-border-style: dashed;
-fx-border-radius: 5px;
-fx-cursor: hand;
}
.grade-add-btn:hover {
-fx-background-color: rgba(255, 255, 255, 0.08);
}
.grade-small .grade-text {
-fx-font-size: 0.85em;
}
.grade-text {
-fx-font-weight: bold;
-fx-text-fill: #ffffff;
}
.grade-1 { -fx-background-color: #2ea043; } /* Primer Green */
.grade-2 { -fx-background-color: #8957e5; } /* Primer Purple */
.grade-3 { -fx-background-color: #d29922; } /* Primer Yellow */
.grade-4 { -fx-background-color: #f85149; } /* Primer Red */
.grade-5 { -fx-background-color: #da3633; -fx-border-color: #ff7b72; -fx-border-width: 1px; -fx-border-radius: 4px; } /* Darker Red */
.grade-other { -fx-background-color: #6e7681; } /* Primer Gray */