debug: add panel CSS back

css/themes.css

@@ -1163,6 +1163,211 @@ html .ui-btn, label.ui-btn {
 }
 
 
+/* =============================== panel =================================== */
+html body .ui-panel {
+  border-width: 0px; /* overwrite border-width reset by panel-swatch ui-overlay... */
+}
+/* header inside panels */
+html .ui-panel .ui-header {
+  border-width: 0px;
+  padding-bottom: 2px;
+}
+html .ui-panel .ui-header > * {
+  font-weight: normal;
+}
+/* panel closer */
+html .ui-panel .ui-btn.ui-panel-close {
+  background-color: transparent;
+  background-image: none;
+  margin: 0;
+  right: 0;
+}
+/* panel collapsible content */
+html body .ui-panel .ui-collapsible-content {
+  padding: 0;
+}
+html body .ui-panel .ui-collapsible .ui-collapsible-content > .ui-input-search {
+  margin: auto;
+  border-radius: 0;
+}
+html .ui-panel .ui-btn.ui-panel-close:hover {
+  border-color: transparent;
+}
+html .ui-panel .ui-btn.ui-panel-close:after {
+  font-size: 1.25em;
+}
+/*
+html .ui-btn.ui-panel-close {
+  position: absolute !important;
+  top: -9999px;
+  left: -9999px;
+  clip: rect(1px 1px 1px 1px);
+  display: none;
+}
+@media (max-width: 30em) {*/
+  html .ui-btn.ui-panel-close {
+    right: 0;
+    top: 0;
+    left: auto;
+    clip: auto;
+    display: block;
+    padding: 0 .54em;
+  }
+/*
+}
+*/
+/* panel search input overriding width */
+html .ui-panel .ui-input-search {
+  margin: 2% 1%;
+}
+@media (max-width: 30em) {
+  html .ui-panel .ui-input-search {
+    width: 77%;
+  }
+}
+
+@media (max-width: 25em) {
+  html .ui-panel .ui-input-search {
+    width: 77%;
+  }
+}
+@media (max-width: 20em) {
+  html .ui-panel .ui-input-search {
+    width: 77%;
+  }
+}
+/* filterable */
+html .ui-filterable {
+  width: 75%;
+  margin: 0 auto;
+}
+@media (max-width: 40em) {
+  html .ui-filterable  {
+    width: 100%;
+    margin: 0.5em 0;
+  }
+}
+
+/* extend panel to fullwidth on small screens */
+@media (max-width: 30em) {
+  /* override JQM 17em */
+  .ui-panel {
+    width: 100%;
+  }
+  /* positioning: panel */
+  /* panel left  */
+  .ui-panel-position-left {
+    left: -100%;
+  }
+  /* animated: panel left (for overlay and push) */
+  .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
+  .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
+    left: 0;
+    -webkit-transform: translate3d(-100%,0,0);
+    -moz-transform: translate3d(-100%,0,0);
+    transform: translate3d(-100%,0,0);
+  }
+  /* panel left open */
+  .ui-panel-position-left.ui-panel-display-reveal, /* negate "panel left" for reveal */
+  .ui-panel-position-left.ui-panel-open {
+    left: 0;
+  }
+  /* animated: panel left open (for overlay and push) */
+  .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
+  .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+    -moz-transform: none;
+  }
+  /* panel right */
+  .ui-panel-position-right {
+    right: -100%;
+  }
+  /* animated: panel right (for overlay and push) */
+  .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
+  .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
+    right: 0;
+    -webkit-transform: translate3d(100%,0,0);
+    -moz-transform: translate3d(100%,0,0);
+    transform: translate3d(100%,0,0);
+  }
+  /* panel right open */
+  .ui-panel-position-right.ui-panel-display-reveal,  /* negate "panel right" for reveal */
+  .ui-panel-position-right.ui-panel-open {
+    right: 0;
+  }
+  /* animated: panel right open (for overlay and push) */
+  .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
+  .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+    -moz-transform: none;
+  }
+  /* positioning: pages, fixed toolbars and dismiss */
+  /* panel left open */
+  .ui-panel-page-content-position-left.ui-panel-page-content-open,
+  .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
+    left: 100%;
+    right: -100%;
+  }
+  /* animated: panel left open (for reveal and push) */
+  .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-open.ui-panel-page-content-display-reveal,
+  .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-open.ui-panel-page-content-display-push {
+    left: 0;
+    right: 0;
+    -webkit-transform: translate3d(100%,0,0);
+    -moz-transform: translate3d(100%,0,0);
+    transform: translate3d(100%,0,0);
+  }
+  /* panel right open */
+  .ui-panel-page-content-position-right.ui-panel-page-content-open,
+  .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
+    left: -100%;
+    right: 100%;
+  }
+  /* animated: panel right open (for reveal and push) */
+  .ui-panel-animate.ui-panel-page-content-position-right.ui-panel-page-content-open.ui-panel-page-content-display-reveal,
+  .ui-panel-animate.ui-panel-page-content-position-right.ui-panel-page-content-open.ui-panel-page-content-display-push {
+    left: 0;
+    right: 0;
+    -webkit-transform: translate3d(-100%,0,0);
+    -moz-transform: translate3d(-100%,0,0);
+    transform: translate3d(-100%,0,0);
+  }
+  /* negate "panel left/right open" for overlay */
+  .ui-panel-page-content-open.ui-panel-page-content-display-overlay {
+    left: 0;
+  }
+}
+
+/* allow interaction with page on large displays */
+@media (min-width: 30em) {
+  /* wrap on wide viewports once open */
+  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
+  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
+  .ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
+  .ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
+    margin-right: 17em;
+  }
+  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
+  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
+  .ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
+  .ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
+    margin-left: 17em;
+  }
+  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
+  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
+    width: auto;
+  }
+  /* disable "dismiss" on wide viewports */
+  .ui-panel-dismiss {
+    display: none;
+  }
+  /* same as the above but for panels with display mode "push" only */
+  .ui-panel-dismiss-display-push {
+    display: none;
+  }
+}
 /* action/input buttons */
 .bare_button,
 .bare_button .ui-btn-inner,