+5
frontend/src/routes/OAuthConsent.svelte
+5
frontend/src/routes/OAuthConsent.svelte
···
508
margin-bottom: var(--space-2);
509
cursor: pointer;
510
transition: border-color var(--transition-fast);
511
}
512
513
.scope-item:hover:not(.required) {
···
532
533
.scope-info {
534
flex: 1;
535
display: flex;
536
flex-direction: column;
537
gap: 2px;
538
}
539
540
.scope-name {
541
font-weight: var(--font-medium);
542
color: var(--text-primary);
543
}
544
545
.scope-description {
546
font-size: var(--text-sm);
547
color: var(--text-secondary);
548
}
549
550
.required-badge {
···
508
margin-bottom: var(--space-2);
509
cursor: pointer;
510
transition: border-color var(--transition-fast);
511
+
overflow: hidden;
512
}
513
514
.scope-item:hover:not(.required) {
···
533
534
.scope-info {
535
flex: 1;
536
+
min-width: 0;
537
display: flex;
538
flex-direction: column;
539
gap: 2px;
540
+
overflow: hidden;
541
}
542
543
.scope-name {
544
font-weight: var(--font-medium);
545
color: var(--text-primary);
546
+
word-break: break-all;
547
}
548
549
.scope-description {
550
font-size: var(--text-sm);
551
color: var(--text-secondary);
552
+
word-break: break-all;
553
}
554
555
.required-badge {