Dist

phonon-framework · Jul 22, 2019 · bc061bc · bc061bc
1 parent 22d2705
commit bc061bc
Show file tree

Hide file tree

Showing 12 changed files with 50 additions and 50 deletions.
diff --git a/dist/css/components/lists.css b/dist/css/components/lists.css
@@ -38,46 +38,48 @@
   line-height: 78px;
 }
 .list li .accordion-content {
-  position: absolute;
   height: auto;
   display: none;
   -webkit-transition: max-height 300ms ease-in-out;
   transition: max-height 300ms ease-in-out;
   padding: 0 16px;
   background-color: #f9f9f9;
 }
-.list li .accordion-active {
-  position: static;
+overflow hidden .accordion-active,
+white-space nowrap .accordion-active {
   display: block;
   -webkit-transition: max-height 300ms ease-in-out;
   transition: max-height 300ms ease-in-out;
 }
-.list li .title,
-.list li .body {
+overflow hidden .title,
+white-space nowrap .title,
+overflow hidden .body,
+white-space nowrap .body {
   line-height: 31px;
   display: block;
 }
-.list li .body {
+overflow hidden .body,
+white-space nowrap .body {
   font-size: 13px;
   color: #777;
 }
-.list .item-expanded {
+.item-expanded {
   height: 78px;
   line-height: 78px;
 }
-.list .item-expanded .pull-left,
-.list .item-expanded .pull-right {
+.item-expanded .pull-left,
+.item-expanded .pull-right {
   width: 78px;
   height: 78px;
   line-height: 78px;
 }
-.list .divider {
+.divider {
   height: 48px;
   line-height: 48px;
   font-size: 16px;
   background-color: #f5f5f5;
 }
-.list .divider,
-.list .padded-list {
+.divider,
+.padded-list {
   padding: 0 16px;
 }
diff --git a/dist/css/components/lists.min.css b/dist/css/components/lists.min.css
diff --git a/dist/css/components/side-panels.css b/dist/css/components/side-panels.css
@@ -1,3 +1,6 @@
+.backdrop-panel.backdrop-side-panel {
+  z-index: 0 !important;
+}
 .side-panel {
   position: absolute;
   top: 0;
@@ -7,6 +10,7 @@
   width: 80%;
   height: 100%;
   visibility: hidden;
+  z-index: 25;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   background-color: #333;

diff --git a/dist/css/components/side-panels.min.css b/dist/css/components/side-panels.min.css
diff --git a/dist/css/phonon-base.css b/dist/css/phonon-base.css
@@ -188,10 +188,6 @@ body {
   -webkit-user-drag: none;
   -ms-content-zooming: none;
   background-color: #fff;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;
 }
@@ -255,10 +251,6 @@ input,
 textarea,
 select {
   -webkit-touch-callout: default;
-  -moz-user-select: all;
-   -ms-user-select: all;
-       user-select: all;
-  -webkit-user-select: auto;
 }
 a {
   color: #0084e7;

diff --git a/dist/css/phonon-base.min.css b/dist/css/phonon-base.min.css
diff --git a/dist/css/phonon.css b/dist/css/phonon.css
@@ -188,10 +188,6 @@ body {
   -webkit-user-drag: none;
   -ms-content-zooming: none;
   background-color: #fff;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;
 }
@@ -255,10 +251,6 @@ input,
 textarea,
 select {
   -webkit-touch-callout: default;
-  -moz-user-select: all;
-   -ms-user-select: all;
-       user-select: all;
-  -webkit-user-select: auto;
 }
 a {
   color: #0084e7;
@@ -1047,47 +1039,49 @@ i.icon {
   line-height: 78px;
 }
 .list li .accordion-content {
-  position: absolute;
   height: auto;
   display: none;
   -webkit-transition: max-height 300ms ease-in-out;
   transition: max-height 300ms ease-in-out;
   padding: 0 16px;
   background-color: #f9f9f9;
 }
-.list li .accordion-active {
-  position: static;
+overflow hidden .accordion-active,
+white-space nowrap .accordion-active {
   display: block;
   -webkit-transition: max-height 300ms ease-in-out;
   transition: max-height 300ms ease-in-out;
 }
-.list li .title,
-.list li .body {
+overflow hidden .title,
+white-space nowrap .title,
+overflow hidden .body,
+white-space nowrap .body {
   line-height: 31px;
   display: block;
 }
-.list li .body {
+overflow hidden .body,
+white-space nowrap .body {
   font-size: 13px;
   color: #777;
 }
-.list .item-expanded {
+.item-expanded {
   height: 78px;
   line-height: 78px;
 }
-.list .item-expanded .pull-left,
-.list .item-expanded .pull-right {
+.item-expanded .pull-left,
+.item-expanded .pull-right {
   width: 78px;
   height: 78px;
   line-height: 78px;
 }
-.list .divider {
+.divider {
   height: 48px;
   line-height: 48px;
   font-size: 16px;
   background-color: #f5f5f5;
 }
-.list .divider,
-.list .padded-list {
+.divider,
+.padded-list {
   padding: 0 16px;
 }
 input[type="submit"],
@@ -1643,6 +1637,9 @@ table,
             transform: rotate(360deg) translateZ(0);
   }
 }
+.backdrop-panel.backdrop-side-panel {
+  z-index: 0 !important;
+}
 .side-panel {
   position: absolute;
   top: 0;
@@ -1652,6 +1649,7 @@ table,
   width: 80%;
   height: 100%;
   visibility: hidden;
+  z-index: 25;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   background-color: #333;

diff --git a/dist/css/phonon.min.css b/dist/css/phonon.min.css
diff --git a/dist/js/components/side-panels.js b/dist/js/components/side-panels.js
@@ -89,10 +89,12 @@
       // @phonon
       createBackdrop: function createBackdrop() {
         if (!backdrop) {
+          // Create backdrop element
           var bd = document.createElement('div');
           bd.classList.add('backdrop-panel');
+          bd.classList.add('backdrop-side-panel');
           backdrop = bd;
-          settings.element.appendChild(backdrop);
+          document.body.appendChild(backdrop);
         }
       },
       removeBackdrop: function removeBackdrop() {
@@ -107,7 +109,7 @@
           }
 
           backdrop.classList.remove('fadeout');
-          settings.element.removeChild(backdrop);
+          document.body.removeChild(backdrop);
           backdrop.off(phonon.event.transitionEnd, closed);
           backdrop = null;
         };