This commit is contained in:
Markos Gogoulos
2026-03-15 17:51:34 +02:00
parent 133c80ed7b
commit 875f5f90d1
4 changed files with 34 additions and 3 deletions

View File

@@ -1 +1 @@
VERSION = "8.91" VERSION = "8.92"

View File

@@ -54,7 +54,7 @@
.category-modal-header { .category-modal-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: flex-start;
padding: 20px 24px; padding: 20px 24px;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
@@ -74,6 +74,19 @@
} }
} }
.category-modal-subtitle {
display: flex;
align-items: center;
gap: 8px;
margin-top: 6px;
font-size: 13px;
color: #777;
.dark_theme & {
color: #aaa;
}
}
.category-modal-close { .category-modal-close {
background: none; background: none;
border: none; border: none;

View File

@@ -193,7 +193,14 @@ export const BulkActionCategoryModal: React.FC<BulkActionCategoryModalProps> = (
<div className="category-modal-overlay"> <div className="category-modal-overlay">
<div className="category-modal"> <div className="category-modal">
<div className="category-modal-header"> <div className="category-modal-header">
<h2>{isLmsMode ? translateString('Share with Course') : translateString('Add / Remove from Categories')}</h2> <div>
<h2>{isLmsMode ? translateString('Share with Course') : translateString('Add / Remove from Categories')}</h2>
{isLmsMode && (
<div className="category-modal-subtitle">
<span>{translateString('Students will get viewer permissions, while lecturers will get co-owner permissions (same as owner, but cannot delete the media)')}</span>
</div>
)}
</div>
<button className="category-modal-close" onClick={onCancel}> <button className="category-modal-close" onClick={onCancel}>
× ×
</button> </button>

View File

@@ -40,6 +40,12 @@
color: #666; color: #666;
} }
optgroup {
color: #000;
font-weight: 700;
background-color: white;
}
option { option {
padding: 10px; padding: 10px;
font-weight: normal; font-weight: normal;
@@ -77,6 +83,11 @@
color: #aaa; color: #aaa;
} }
optgroup {
color: #fff;
background-color: #2a2a2a;
}
option { option {
background-color: #2a2a2a; background-color: #2a2a2a;
color: #fff; color: #fff;