From 8fc29b795e4c1b94c2da7b6f7ea7081aaf6de959 Mon Sep 17 00:00:00 2001
From: Ivica Arsov <ivica.arsov@gmail.com>
Date: Sat, 29 Dec 2018 14:29:29 +0100
Subject: [PATCH] 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.
---
 src/less/notifications-drawer.less                       | 6 +++---
 src/sass/converted/patternfly/_notifications-drawer.scss | 6 +++---
 src/sass/converted/rcue/_notifications-drawer.scss       | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/less/notifications-drawer.less b/src/less/notifications-drawer.less
index e53cb43d6e..d24c1e966f 100644
--- a/src/less/notifications-drawer.less
+++ b/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; }
diff --git a/src/sass/converted/patternfly/_notifications-drawer.scss b/src/sass/converted/patternfly/_notifications-drawer.scss
index 1a9c3e0990..93150e1580 100644
--- a/src/sass/converted/patternfly/_notifications-drawer.scss
+++ b/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; }
diff --git a/src/sass/converted/rcue/_notifications-drawer.scss b/src/sass/converted/rcue/_notifications-drawer.scss
index 1a9c3e0990..93150e1580 100644
--- a/src/sass/converted/rcue/_notifications-drawer.scss
+++ b/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; }