fix(notification drawer): Fixed tidle-escaped strings in calc

Wrong tidle-escaped strings cause a parsing exception when using the postcss-calc nodejs module.
Those are now fixed as specified in the readme.

Author: IvicaArsov

src/less/notifications-drawer.less

@@ -217,7 +217,7 @@
     top: @drawer-pf-top-vertical; //menu height;
       @media (max-width: @screen-xs-max) {
         width:100%;
-        height: calc(~"100vh - @{drawer-pf-top-vertical}");
+        height: ~"calc(100vh - @{drawer-pf-top-vertical})";
       }
 
   }
@@ -242,8 +242,8 @@
     border-top: 0;
     @media (max-width: @screen-xs-max) {
       width:100%;
-      height: calc(~"100vh - @{drawer-pf-top-horizontal} - 32px");
-      top:calc(~"@{drawer-pf-top-horizontal} + 10px");
+      height: ~"calc(100vh - @{drawer-pf-top-horizontal} - 32px)";
+      top: ~"calc(@{drawer-pf-top-horizontal} + 10px)";
     }
   }
   .drawer-pf-trigger-icon { cursor: pointer; }

src/sass/converted/patternfly/_notifications-drawer.scss

@@ -217,7 +217,7 @@
     top: $drawer-pf-top-vertical; //menu height;
       @media (max-width: $screen-xs-max) {
         width:100%;
-        height: calc(unquote("100vh - #{$drawer-pf-top-vertical}"));
+        height: unquote("calc(100vh - #{$drawer-pf-top-vertical})");
       }
 
   }
@@ -242,8 +242,8 @@
     border-top: 0;
     @media (max-width: $screen-xs-max) {
       width:100%;
-      height: calc(unquote("100vh - #{$drawer-pf-top-horizontal} - 32px"));
-      top:calc(unquote("#{$drawer-pf-top-horizontal} + 10px"));
+      height: unquote("calc(100vh - #{$drawer-pf-top-horizontal} - 32px)");
+      top: unquote("calc(#{$drawer-pf-top-horizontal} + 10px)");
     }
   }
   .drawer-pf-trigger-icon { cursor: pointer; }

src/sass/converted/rcue/_notifications-drawer.scss

@@ -217,7 +217,7 @@
     top: $drawer-pf-top-vertical; //menu height;
       @media (max-width: $screen-xs-max) {
         width:100%;
-        height: calc(unquote("100vh - #{$drawer-pf-top-vertical}"));
+        height: unquote("calc(100vh - #{$drawer-pf-top-vertical})");
       }
 
   }
@@ -242,8 +242,8 @@
     border-top: 0;
     @media (max-width: $screen-xs-max) {
       width:100%;
-      height: calc(unquote("100vh - #{$drawer-pf-top-horizontal} - 32px"));
-      top:calc(unquote("#{$drawer-pf-top-horizontal} + 10px"));
+      height: unquote("calc(100vh - #{$drawer-pf-top-horizontal} - 32px)");
+      top: unquote("calc(#{$drawer-pf-top-horizontal} + 10px)");
     }
   }
   .drawer-pf-trigger-icon { cursor: pointer; }