File tree Expand file tree Collapse file tree 1 file changed +3
-67
lines changed Expand file tree Collapse file tree 1 file changed +3
-67
lines changed Original file line number Diff line number Diff line change 1
- // Make the main content area wider
2
- .main-content {
3
- max-width : 1200px !important ; // Increase from default ~800px
4
- margin : 0 auto ;
5
- }
6
-
7
- // Make tables more responsive and wider
8
- table {
9
- width : 100% !important ;
10
- max-width : 100% !important ;
11
- table-layout : fixed ; // This helps distribute column widths evenly
12
- overflow-x : auto ;
13
- display : block ;
14
-
15
- @media (min-width : 768px ) {
16
- display : table ;
17
- }
18
- }
19
-
20
- // Ensure table cells don't wrap unnecessarily and use full width
21
- td , th {
22
- white-space : nowrap ;
23
- padding : 8px 12px ;
24
- word-wrap : break-word ;
25
-
26
- // Allow wrapping for longer content in specific columns
27
- & :nth-child (3 ) { // Lecture column
28
- white-space : normal ;
29
- min-width : 200px ;
30
- width : 40% ; // Give this column more space
31
- }
32
-
33
- & :nth-child (4 ) { // Assignments column
34
- white-space : normal ;
35
- min-width : 150px ;
36
- width : 20% ; // Give this column some space
37
- }
38
-
39
- & :nth-child (1 ) { // Week column
40
- width : 10% ;
41
- }
42
-
43
- & :nth-child (2 ) { // Date column
44
- width : 15% ;
45
- }
46
-
47
- & :nth-child (5 ) { // Lecturer column
48
- width : 15% ;
49
- }
50
- }
51
-
52
- // Force the table to use the full width of its container
53
- .main-content table {
54
- margin : 0 ;
55
- width : 100% !important ;
56
- }
57
-
58
- // Add horizontal scroll for very small screens
59
- @media (max-width : 767px ) {
60
- .main-content {
61
- overflow-x : auto ;
62
- }
63
- }
64
-
65
1
@media (max-width : $content-width ) {
66
- .content-nav {
67
- display : none ;
68
- }
2
+ .content-nav {
3
+ display : none ;
4
+ }
69
5
}
You can’t perform that action at this time.
0 commit comments