support headroom with guide

dashboard-ui/css/librarybrowser.css

@@ -66,14 +66,6 @@
     padding-top: 10px;
 }
 
-.absolutePageTabContent {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-}
-
 /*.pageWithAbsoluteTabs .pageTabContent {
     padding-left: .5em !important;
     padding-right: .5em !important;

dashboard-ui/css/librarymenu.css

@@ -11,12 +11,24 @@
 }
 
 .absolutePageTabContent {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1000;
     margin: 0 !important;
     width: 100% !important;
     /* Page needs to supply padding */
     top: 92px !important;
+    transition: transform 200ms ease-out;
 }
 
+    .absolutePageTabContent.headroomUnpinned {
+        transform: translateY(-92px);
+        bottom: -92px!important;
+    }
+
 .sidebarDivider {
     height: 1px;
     background: #eaeaea;

dashboard-ui/css/livetv.css

@@ -10,3 +10,8 @@
 .guideVerticalScroller {
     padding-bottom: 160px;
 }
+
+.tvGuideHeader.headroom--unpinned {
+    -webkit-transform: none;
+    transform: none;
+}