fix: removing '-1 +' from media queries (#1727)

jacobo-dominguez-wgu · web-flow · commit 7edac93752fd · 2025-06-04T16:27:04.000-07:00
diff --git a/src/courseware/course/sidebar/common/SidebarBase.scss b/src/courseware/course/sidebar/common/SidebarBase.scss
@@ -1,5 +1,5 @@
 #course-sidebar {
-    @media (max-width: -1 + map-get($grid-breakpoints, "lg")) {
+    @media (max-width: map-get($grid-breakpoints, "lg")) {
         overflow-y: scroll;
         padding: 0 .625rem !important;
     }
diff --git a/src/courseware/course/sidebar/sidebars/course-outline/CourseOutlineTray.scss b/src/courseware/course/sidebar/sidebars/course-outline/CourseOutlineTray.scss
@@ -66,7 +66,7 @@
             border-radius: 0;
             padding: map-get($spacers, 3\.5) map-get($spacers, 4) map-get($spacers, 3\.5) map-get($spacers, 5);
 
-            @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+            @media (max-width: map-get($grid-breakpoints, "sm")) {
                 padding-left: map-get($spacers, 4);
             }
 
@@ -90,7 +90,7 @@
         ol li > a {
             padding: map-get($spacers, 3\.5) map-get($spacers, 4) map-get($spacers, 3\.5) map-get($spacers, 5\.5);
 
-            @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+            @media (max-width: map-get($grid-breakpoints, "sm")) {
                 padding-left: map-get($spacers, 4\.5);
             }
 
diff --git a/src/courseware/course/sidebar/sidebars/discussions/Discussions.scss b/src/courseware/course/sidebar/sidebars/discussions/Discussions.scss
@@ -1,5 +1,5 @@
 .discussions-sidebar-frame {
-    @media (max-width: -1 + map-get($grid-breakpoints, "xl")) {
+    @media (max-width: map-get($grid-breakpoints, "xl")) {
         max-height: calc(100vh - 65px);
     }
 }
diff --git a/src/index.scss b/src/index.scss
@@ -87,7 +87,7 @@
 }
 
 .notification-btn {
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     height: 3rem;
   }
 }
@@ -96,15 +96,15 @@
   display: flex;
   flex-grow: 1;
 
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     max-width: 100%;
   }
 
   @media (min-width: map-get($grid-breakpoints, "sm")) {
     margin: -1px -1px 0;
   }
 
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     width: 100% !important;
   }
 
@@ -249,7 +249,7 @@
     justify-content: center;
     align-items: center;
 
-    @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+    @media (max-width: map-get($grid-breakpoints, "sm")) {
       padding-top: 1rem;
       padding-bottom: 1rem;
     }
@@ -332,7 +332,7 @@
   max-width: 640px;
   margin: 0 auto;
 
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     flex-direction: column;
     gap: $spacer;
   }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`#course-sidebar {`
`2`		`- @media (max-width: -1 + map-get($grid-breakpoints, "lg")) {`
	`2`	`+ @media (max-width: map-get($grid-breakpoints, "lg")) {`
`3`	`3`	`overflow-y: scroll;`
`4`	`4`	`padding: 0 .625rem !important;`
`5`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@`
`66`	`66`	`border-radius: 0;`
`67`	`67`	`padding: map-get($spacers, 3\.5) map-get($spacers, 4) map-get($spacers, 3\.5) map-get($spacers, 5);`
`68`	`68`
`69`		`- @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {`
	`69`	`+ @media (max-width: map-get($grid-breakpoints, "sm")) {`
`70`	`70`	`padding-left: map-get($spacers, 4);`
`71`	`71`	`}`
`72`	`72`
`@@ -90,7 +90,7 @@`
`90`	`90`	`ol li > a {`
`91`	`91`	`padding: map-get($spacers, 3\.5) map-get($spacers, 4) map-get($spacers, 3\.5) map-get($spacers, 5\.5);`
`92`	`92`
`93`		`- @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {`
	`93`	`+ @media (max-width: map-get($grid-breakpoints, "sm")) {`
`94`	`94`	`padding-left: map-get($spacers, 4\.5);`
`95`	`95`	`}`
`96`	`96`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`.discussions-sidebar-frame {`
`2`		`- @media (max-width: -1 + map-get($grid-breakpoints, "xl")) {`
	`2`	`+ @media (max-width: map-get($grid-breakpoints, "xl")) {`
`3`	`3`	`max-height: calc(100vh - 65px);`
`4`	`4`	`}`
`5`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@`
`87`	`87`	`}`
`88`	`88`
`89`	`89`	`.notification-btn {`
`90`		`- @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {`
	`90`	`+ @media (max-width: map-get($grid-breakpoints, "sm")) {`
`91`	`91`	`height: 3rem;`
`92`	`92`	`}`
`93`	`93`	`}`
`@@ -96,15 +96,15 @@`
`96`	`96`	`display: flex;`
`97`	`97`	`flex-grow: 1;`
`98`	`98`
`99`		`- @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {`
	`99`	`+ @media (max-width: map-get($grid-breakpoints, "sm")) {`
`100`	`100`	`max-width: 100%;`
`101`	`101`	`}`
`102`	`102`
`103`	`103`	`@media (min-width: map-get($grid-breakpoints, "sm")) {`
`104`	`104`	`margin: -1px -1px 0;`
`105`	`105`	`}`
`106`	`106`
`107`		`- @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {`
	`107`	`+ @media (max-width: map-get($grid-breakpoints, "sm")) {`
`108`	`108`	`width: 100% !important;`
`109`	`109`	`}`
`110`	`110`
`@@ -249,7 +249,7 @@`
`249`	`249`	`justify-content: center;`
`250`	`250`	`align-items: center;`
`251`	`251`
`252`		`- @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {`
	`252`	`+ @media (max-width: map-get($grid-breakpoints, "sm")) {`
`253`	`253`	`padding-top: 1rem;`
`254`	`254`	`padding-bottom: 1rem;`
`255`	`255`	`}`
`@@ -332,7 +332,7 @@`
`332`	`332`	`max-width: 640px;`
`333`	`333`	`margin: 0 auto;`
`334`	`334`
`335`		`- @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {`
	`335`	`+ @media (max-width: map-get($grid-breakpoints, "sm")) {`
`336`	`336`	`flex-direction: column;`
`337`	`337`	`gap: $spacer;`
`338`	`338`	`}`