CanadianBacon/CanvasRefined
1
0
Fork 0
mirror of https://github.com/GuySandler/CanvasRefined.git synced 2026-11-03 22:07:18 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

slight widget fix

Browse Source
This commit is contained in:
Guy Sandler 2026-10-19 15:45:33 -07:00
parent 81e49178aa
commit d61907c2c6
2 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/content.css
View File

@ -430,6 +430,31 @@
.canvasrefined-dashboard-notes.in-cards .canvasrefined-notes-surface {flex: 1; display: flex; flex-direction: column;} .canvasrefined-dashboard-notes.in-cards .canvasrefined-notes-surface {flex: 1; display: flex; flex-direction: column;}
.canvasrefined-dashboard-notes.in-cards .canvasrefined-notes-editor, .canvasrefined-dashboard-notes.in-cards .canvasrefined-notes-editor,
.canvasrefined-dashboard-notes.in-cards .canvasrefined-notes-rendered {flex: 1; resize: none; border: none; outline: none; background: transparent;} .canvasrefined-dashboard-notes.in-cards .canvasrefined-notes-rendered {flex: 1; resize: none; border: none; outline: none; background: transparent;}
/* Keep before/after-card widgets inline with Canvas loading skeletons (which are
flex items). Without this, the grid falls back to inline-block wrapping and
widgets misalign during the reload skeleton phase. */
.ic-DashboardCard__box__container:has(> .canvasrefined-widget-card.in-cards),
.ic-DashboardCard__box__container:has(> .canvasrefined-dashboard-notes.in-cards),
.ic-DashboardCard__box__container:has(> .canvasrefined-gpa-card:not(.container-mode)) {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
}
/* While Canvas is showing loading skeletons (no real card links yet), hide
in-cards widgets so "before" doesn't sit on a row above the skeletons and
"after" doesn't blow out the skeleton row. Covers both grid wrappers. */
#DashboardCard_Container.cr-loading .canvasrefined-widget-card.in-cards,
#DashboardCard_Container:not(:has(.ic-DashboardCard__link)) .canvasrefined-widget-card.in-cards,
#DashboardCard_Container.cr-loading .canvasrefined-dashboard-notes.in-cards,
#DashboardCard_Container:not(:has(.ic-DashboardCard__link)) .canvasrefined-dashboard-notes.in-cards,
#DashboardCard_Container.cr-loading .canvasrefined-gpa-card:not(.container-mode),
#DashboardCard_Container.cr-loading .canvasrefined-gpa:not(.container-mode),
#DashboardCard_Container:not(:has(.ic-DashboardCard__link)) .canvasrefined-gpa-card:not(.container-mode),
.ic-DashboardCard__box__container:not(:has(.ic-DashboardCard__link)) .canvasrefined-widget-card.in-cards,
.ic-DashboardCard__box__container:not(:has(.ic-DashboardCard__link)) .canvasrefined-dashboard-notes.in-cards,
.ic-DashboardCard__box__container:not(:has(.ic-DashboardCard__link)) .canvasrefined-gpa-card:not(.container-mode) {
display: none !important;
}
#canvasrefined-gpa-modal { #canvasrefined-gpa-modal {
--cr-gpa-course-cols: 30px minmax(0,1fr) 80px 58px 118px 16px minmax(88px,auto); --cr-gpa-course-cols: 30px minmax(0,1fr) 80px 58px 118px 16px minmax(88px,auto);
--cr-gpa-accent: var(--ic-brand-primary,#0374b5); --cr-gpa-accent: var(--ic-brand-primary,#0374b5);

7
js/content.js
View File

@ -1650,6 +1650,12 @@ function resetTimer() {
}, 1); }, 1);
} }
function syncDashboardLoadingState() {
const dc = document.querySelector("#DashboardCard_Container");
if (!dc) return;
const hasRealCards = !!dc.querySelector(".ic-DashboardCard__link");
dc.classList.toggle("cr-loading", !hasRealCards);
}
function checkDashboardReady() { function checkDashboardReady() {
const isDashboard = () => current_page == "/" || current_page == "" || /^\/courses\/(\d+)(?:\/|$)/.test(current_page); const isDashboard = () => current_page == "/" || current_page == "" || /^\/courses\/(\d+)(?:\/|$)/.test(current_page);
@ -1665,6 +1671,7 @@ function checkDashboardReady() {
dashboardReadyTimer = setTimeout(() => { dashboardReadyTimer = setTimeout(() => {
dashboardReadyTimer = null; dashboardReadyTimer = null;
syncDashboardLoadingState();
const c = document.querySelector("#DashboardCard_Container"); const c = document.querySelector("#DashboardCard_Container");
if (c) { if (c) {
let cards = document.querySelectorAll(".ic-DashboardCard"); let cards = document.querySelectorAll(".ic-DashboardCard");