diff --git a/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html b/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html index c7f27f29e9..71b4281098 100644 --- a/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html +++ b/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html @@ -568,7 +568,7 @@ To change the drawer container when it's in the right side: if (this.rightDrawer) { this[xDirection ? 'closeDrawer' : 'openDrawer'](); } else { - this[xDirection ? 'openDrawer' : 'closeDrawer'](); + this[xDirection || event.detail.dx > -80 ? 'openDrawer' : 'closeDrawer'](); } } }, diff --git a/dashboard-ui/bower_components/polymer/polymer.html b/dashboard-ui/bower_components/polymer/polymer.html index 9d59e33d25..a35bfc5ed8 100644 --- a/dashboard-ui/bower_components/polymer/polymer.html +++ b/dashboard-ui/bower_components/polymer/polymer.html @@ -555,7 +555,8 @@ prevent = dy > dx; prevent = dx > dy; } if (prevent) { -ev.preventDefault(); +//This breaks scrolling in safari +//ev.preventDefault(); } } }, diff --git a/dashboard-ui/css/images/splash720.jpg b/dashboard-ui/css/images/splash720.jpg new file mode 100644 index 0000000000..272e53560c Binary files /dev/null and b/dashboard-ui/css/images/splash720.jpg differ diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 81631a2c73..361e74570f 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -41,12 +41,18 @@ position: static !important; width: auto !important; height: auto !important; + touch-action: auto !important; } .mainDrawerPanelPreInit #drawer { display: none !important; } +.mainDrawerPanelPreInit #main { + left: 0 !important; + position: static !important; +} + .mainDrawerPanel #drawer { z-index: 1000 !important; position: fixed !important; @@ -55,6 +61,8 @@ overflow-y: auto !important; -webkit-overflow-scrolling: touch; overflow-x: hidden; + /* Need to reset this because it causes the entire panel to be draggable in safari */ + box-sizing: initial !important; } .mainDrawerPanel #main { @@ -62,6 +70,13 @@ position: static !important; } +.mainDrawerPanel #scrim { + /* Give it at least something to make it visible */ + z-index: 1000; + /* It defaults to absolute, not visible after scrolling */ + position: fixed; +} + .mainDrawer { height: auto !important; border-right: 1px solid #e0e0e0; @@ -290,7 +305,7 @@ } .drawerUserPanel { - background: url(images/splash.jpg); + background: url(images/splash720.jpg); background-size: cover; background-position: center center; margin-bottom: 1em; @@ -300,7 +315,7 @@ } .drawerUserPanelInner { - background-color: rgba(0, 0, 0, .75); + background-color: rgba(0, 0, 0, .70); position: absolute; top: 0; right: 0; @@ -325,7 +340,7 @@ .drawerUserPanelUserName { padding-top: 1.5em; - padding-left: .25em; + padding-left: .35em; } .libraryDocument .dashboardDrawerContent { diff --git a/dashboard-ui/css/materialize.css b/dashboard-ui/css/materialize.css index 17bd28a40c..3d250242f0 100644 --- a/dashboard-ui/css/materialize.css +++ b/dashboard-ui/css/materialize.css @@ -61,52 +61,6 @@ cursor: pointer; } -.btn-floating { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - text-transform: uppercase; - border: none; - outline: 0; - -webkit-tap-highlight-color: transparent; - margin-bottom: 15px; - display: inline-block; - position: relative; - z-index: 1; - width: 37px; - height: 37px; - line-height: 37px; - padding: 0; - background-color: #2196F3; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - background-clip: padding-box; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - cursor: pointer; -} - - .btn-floating i { - width: inherit; - display: inline-block; - text-align: center; - color: #FFF; - font-size: 1.6rem; - line-height: 37px; - } - - .btn-floating.btn-floating-large { - width: 55.5px; - height: 55.5px; - } - - .btn-floating.btn-floating-large i { - line-height: 55.5px; - } - .btn-flat { box-shadow: none; background-color: transparent; @@ -170,23 +124,6 @@ font-family: Roboto !important; } -.btnSmall { - font-size: 13px; -} - -.btnCancel { - background-color: #444; -} - -.ui-page-theme-a .btnCancel { - background-color: #e8e8e8; - color: #333 !important; -} - - .ui-page-theme-a .btnCancel i { - color: #666 !important; - } - .btn-inline { display: inline-block; width: auto; diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index b02b16366f..f81f6454df 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -316,6 +316,11 @@ body { background-color: transparent !important; } +/* Without this, no content will be displayed in mobile safari */ +.pageContainer { + overflow-x: visible !important; +} + .bodyWithPopupOpen { overflow-y: hidden !important; } @@ -712,7 +717,7 @@ h1 .imageLink { .sidebarLinkIcon { font-size: 20px; - width: 72px!important; + width: 72px !important; text-align: center; vertical-align: middle; color: #7f7f7f; diff --git a/dashboard-ui/livetvchannel.html b/dashboard-ui/livetvchannel.html index e1eba2d366..61dd36bbbf 100644 --- a/dashboard-ui/livetvchannel.html +++ b/dashboard-ui/livetvchannel.html @@ -4,7 +4,7 @@