chore: update less files for compatibility with less v4 (#2851)

uPortal-Project · Sep 17, 2024 · d6bb8f5 · d6bb8f5
1 parent be09282
commit d6bb8f5
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 28 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/uPortal-webapp/package.json b/uPortal-webapp/package.json
@@ -5,6 +5,6 @@
     "compile-less": "lessc build/generated-sources/skin/main/webapp/media/skins/respondr/defaultSkin.less build/generated-sources/skin/main/webapp/media/skins/respondr/defaultSkin.css"
   },
   "devDependencies": {
-    "less": "^3.13.0"
+    "less": "^4.2.0"
   }
 }
diff --git a/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/content.less b/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/content.less
@@ -326,15 +326,15 @@ section.emergency-alert {
 /* large screens show all 6 columns. */
 @media only screen and (min-width: @screen-sm-min) {
   .portal-page-column.col-md-2 {
-    width: percentage(1 / 6);
+    width: percentage( (1/6) );
     float: left;
   }
 }
 
 @media only screen and (max-width: @screen-xs-max) {
   /* collapse from 6 to 3 columns */
   .portal-page-column.col-md-2 {
-    width: percentage(1 / 3);
+    width: percentage( (1/3) );
     float: left;
   }
 }
@@ -343,14 +343,14 @@ section.emergency-alert {
 @media only screen and (max-width: (@screen-xs-max + @screen-xs-min) / 2) {
   /* collapse from 6 to 2 columns */
   .portal-page-column.col-md-2 {
-    width: percentage(1 / 2);
+    width: percentage( (1/2) );
     float: left;
   }
 }
 
 @media only screen and (max-width: @screen-xs-min / 2) {
   /* on really small screen collapse to a single column */
   .portal-page-column.col-md-2 {
-    width: percentage(1 / 1);
+    width: percentage( (1/1) );
   }
 }
diff --git a/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less b/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less
@@ -36,7 +36,7 @@
     .fl-reorderer-dropMarker {
       // required for drag and drop styling to work
       @media (min-width: @@interpolate-media-query) {
-        width: percentage(1 / @number-of-columns);
+        width: percentage( (1/@number-of-columns) );
       }
     }
   }