torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Update VocabCourseView to simplify lesson number display and improve table styling

Browse Source 
- Changed the lesson number header to a simple "#" for clarity.
- Adjusted column widths for the lesson number to enhance layout consistency.
- Centered text alignment for lesson number cells to improve visual presentation.
This commit is contained in:
Torsten Schulz (local)
2026-01-20 15:01:12 +01:00
parent adcbd1a95a
commit 5f71e56bf9
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/views/social/VocabCourseView.vue
View File

@@ -23,7 +23,7 @@
<table class="lessons-table"> <table class="lessons-table">
<thead> <thead>
<tr> <tr>
<th class="col-number">{{ $t('socialnetwork.vocab.courses.lessonNumber') }}</th> <th class="col-number">#</th>
<th class="col-title">{{ $t('socialnetwork.vocab.courses.title') }}</th> <th class="col-title">{{ $t('socialnetwork.vocab.courses.title') }}</th>
<th class="col-status">Status</th> <th class="col-status">Status</th>
<th class="col-actions">Aktionen</th> <th class="col-actions">Aktionen</th>
@@ -284,10 +284,15 @@ export default {
.lessons-table th.col-number, .lessons-table th.col-number,
.lessons-table td.lesson-number { .lessons-table td.lesson-number {
width: 80px; width: 50px;
min-width: 80px; min-width: 50px;
max-width: 80px; max-width: 50px;
overflow: visible; overflow: visible;
text-align: center;
}
.lessons-table th.col-number {
text-align: center;
} }
.lessons-table th.col-title, .lessons-table th.col-title,
@@ -332,6 +337,8 @@ export default {
font-weight: 600; font-weight: 600;
color: #666; color: #666;
font-size: 0.95em; font-size: 0.95em;
text-align: center;
display: block;
} }
.lesson-title { .lesson-title {