@@ -963,6 +963,25 @@ hr {
963963 filter : brightness (1.2 );
964964}
965965
966+ /* Legacy version rows (0.x and 1.x mini-swe-agent) */
967+ .table tbody tr .legacy-version-row {
968+ opacity : 0.45 ;
969+ }
970+
971+ .table tbody tr .legacy-version-row : hover {
972+ opacity : 0.7 ;
973+ }
974+
975+ .legacy-version a ,
976+ .legacy-version {
977+ color : # c0623a !important ;
978+ }
979+
980+ .dark-mode .legacy-version a ,
981+ .dark-mode .legacy-version {
982+ color : # d48a6a !important ;
983+ }
984+
966985/* Sort indicator styles - using design system variables */
967986.table thead th .sortable {
968987 cursor : pointer;
@@ -993,77 +1012,3 @@ hr {
9931012 text-decoration-thickness : 2px ;
9941013 text-decoration-color : var (--color-text-muted );
9951014}
996-
997- /* New Feature Badge */
998- .new-badge {
999- position : absolute;
1000- top : 100% ;
1001- left : 50% ;
1002- transform : translateX (-50% );
1003- margin-top : 2px ;
1004- background : linear-gradient (135deg , var (--color-accent ), var (--color-accent-dark ));
1005- color : white;
1006- padding : 0.25rem 0.5rem ;
1007- border-radius : var (--radius-full );
1008- font-size : 0.7rem ;
1009- font-weight : var (--weight-medium );
1010- white-space : nowrap;
1011- box-shadow : 0 2px 8px rgba (59 , 130 , 246 , 0.4 );
1012- z-index : 100 ;
1013- animation : newBadgeAnimation 6s ease-in-out forwards;
1014- pointer-events : none;
1015- }
1016-
1017- .dark-mode .new-badge {
1018- background : linear-gradient (135deg , var (--blue-400 ), var (--blue-600 ));
1019- box-shadow : 0 2px 8px rgba (59 , 130 , 246 , 0.6 );
1020- }
1021-
1022- .new-badge-button {
1023- top : -12px ;
1024- left : auto;
1025- right : -45px ;
1026- }
1027-
1028- @keyframes newBadgeAnimation {
1029- 0% {
1030- opacity : 0 ;
1031- transform : translateX (-50% ) scale (0.8 );
1032- }
1033- 10% {
1034- opacity : 1 ;
1035- transform : translateX (-50% ) scale (1 );
1036- }
1037- 15% {
1038- transform : translateX (-50% ) scale (1.1 );
1039- }
1040- 20% {
1041- transform : translateX (-50% ) scale (1 );
1042- }
1043- 30% {
1044- transform : translateX (-50% ) scale (1.05 );
1045- }
1046- 35% {
1047- transform : translateX (-50% ) scale (1 );
1048- }
1049- 45% {
1050- transform : translateX (-50% ) scale (1.05 );
1051- }
1052- 50% {
1053- transform : translateX (-50% ) scale (1 );
1054- }
1055- 60% {
1056- transform : translateX (-50% ) scale (1.05 );
1057- }
1058- 65% {
1059- transform : translateX (-50% ) scale (1 );
1060- }
1061- 85% {
1062- opacity : 1 ;
1063- transform : translateX (-50% ) scale (1 );
1064- }
1065- 100% {
1066- opacity : 0 ;
1067- transform : translateX (-50% ) scale (0.8 );
1068- }
1069- }
0 commit comments