fix: homepage styling cutting off tooltips

This commit is contained in:
SethBurkart123
2024-02-28 14:52:14 +11:00
parent c7bc51b8e0
commit 8db2b2b1b5
2 changed files with 15 additions and 11 deletions
+3 -3
View File
@@ -1604,15 +1604,15 @@ function makeLessonDiv(lesson: any, num: number) {
// Add buttons for assessments and courses if applicable // Add buttons for assessments and courses if applicable
if (programmeID !== 0) { if (programmeID !== 0) {
lessonString += ` lessonString += `
<div class="day-button clickable" style="right: 5px;" onclick="document.querySelector('#menu ul').classList.add('noscroll'); location.href='${buildAssessmentURL(programmeID, metaID)}'">${assessmentsicon}</div> <div class="day-button clickable" style="right: 5px;" onclick="location.href='${buildAssessmentURL(programmeID, metaID)}'">${assessmentsicon}</div>
<div class="day-button clickable" style="right: 35px;" onclick="document.querySelector('#menu ul').classList.add('noscroll'); location.href='../#?page=/courses/${programmeID}:${metaID}'">${coursesicon}</div> <div class="day-button clickable" style="right: 35px;" onclick="location.href='../#?page=/courses/${programmeID}:${metaID}'">${coursesicon}</div>
` `
} }
// Add assessments if they exist // Add assessments if they exist
if (assessments && assessments.length > 0) { if (assessments && assessments.length > 0) {
const assessmentString = assessments.map((element: any) => const assessmentString = assessments.map((element: any) =>
`<p onclick="document.querySelector('#menu ul').classList.add('noscroll'); location.href = '${buildAssessmentURL(programmeID, metaID, element.id)}';">${element.title}</p>` `<p onclick="location.href = '${buildAssessmentURL(programmeID, metaID, element.id)}';">${element.title}</p>`
).join('') ).join('')
lessonString += ` lessonString += `
+12 -8
View File
@@ -805,6 +805,9 @@ div > ol:has(.uiFileHandlerWrapper) {
} }
.timetable-container { .timetable-container {
width: 100%; width: 100%;
overflow: visible !important;
border-radius: 0 1rem 0 1rem;
z-index: 1;
height: auto; height: auto;
background: var(--better-main); background: var(--better-main);
display: flex; display: flex;
@@ -819,6 +822,14 @@ div > ol:has(.uiFileHandlerWrapper) {
height: 15em; height: 15em;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
border-radius: 1rem;
.day:first-child {
border-bottom-left-radius: 1rem;
}
.day:last-child {
border-bottom-right-radius: 1rem;
}
} }
.notices-container { .notices-container {
width: 100%; width: 100%;
@@ -2075,13 +2086,6 @@ li.MessageList__unread___3imtO {
-webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);
} }
.upcoming-items {
width: 100%;
max-height: 55em;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.upcoming-container h2 { .upcoming-container h2 {
margin: 20px; margin: 20px;
font-size: 20px; font-size: 20px;
@@ -2627,7 +2631,7 @@ li.MessageList__unread___3imtO {
margin-left: -5px; margin-left: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: transparent transparent var(--text-primary) transparent; border-color: transparent transparent var(--background-primary) transparent;
} }
.tooltiptext p:hover { .tooltiptext p:hover {
cursor: pointer; cursor: pointer;