use prefixed flexbox in IE 10

googlearchive · Sep 13, 2013 · a013a19 · a013a19
1 parent 3b5e695
commit a013a19
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 6 deletions.
diff --git a/pica/components/css/pi-accounts.css b/pica/components/css/pi-accounts.css
@@ -19,9 +19,11 @@
 .item {
   display: -webkit-box;
   display: -webkit-flex;
+  display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
+  -ms-flex-align: center;
   align-items: center;
   height: 60px;
   padding: 0 20px;
@@ -51,6 +53,7 @@
   display: -webkit-box;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
+  -ms-flex: 1;
   flex: 1;
 }
 
@@ -96,4 +99,4 @@
 .button:active {
   box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
   color: #555;
-}
+}
diff --git a/pica/components/css/pi-app.css b/pica/components/css/pi-app.css
@@ -14,10 +14,12 @@
 
       /* layout content using flexbox */
       display: -webkit-box;
+      display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-flex-flow: column;
+      -ms-flex-direction: column;
       flex-direction: column;
 
       /* convenient defaults */
@@ -29,6 +31,7 @@
 #panels, #contentPanels, #Topics {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
+  -ms-flex: 1;
   flex: 1;
   overflow: hidden;
 }
@@ -46,9 +49,11 @@
 #main {
   display: -webkit-box;
   display: -webkit-flex;
+  display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-flex-flow: column;
+  -ms-flex-direction: column;
   flex-direction: column;
   background: white; 
 }

diff --git a/pica/components/css/pi-feed-viewer.css b/pica/components/css/pi-feed-viewer.css
@@ -7,13 +7,15 @@
   * {
     display: -webkit-box;
     display: -webkit-flex;
+    display: -ms-flexbox;
     display: flex;
   }
 }
 
 .feed-viewer-panels {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
+  -ms-flex: 1;
   flex: 1;
   position: relative;
 }

diff --git a/pica/components/css/pi-items-view.css b/pica/components/css/pi-items-view.css
@@ -127,9 +127,11 @@
 #more {
   display: -webkit-box;
   display: -webkit-flex;
+  display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
+  -ms-flex-align: center;
   align-items: center;
   float: none;
   width: 100%;
@@ -225,6 +227,7 @@
 .column #more {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
   display: inline-flex;
   width: 150px;
   min-width: 0;

diff --git a/pica/components/css/pi-toolbar.css b/pica/components/css/pi-toolbar.css
@@ -7,8 +7,12 @@
   /*@polyfill #actionbar > .toolbar > *:not(:last-child):not([hidden]) */
   #actionbar content::-webkit-distributed(*:not(:last-child):not([hidden])) {
     display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
     -webkit-box-flex: 1;
     -webkit-flex: 1;
+    -ms-flex: 1;
     flex: 1;
   }
-}
+}
diff --git a/pica/index.html b/pica/index.html
@@ -9,13 +9,9 @@
 <html>
 <head>
   <title>Pica</title>
-  <script src="logBoot.js"></script>
   <script src="../../polymer/polymer.js"></script>
   <!--<script src="https://www.google.com/jsapi"></script>-->
   <script src="jsapi.js"></script>
-  <script>
-    logBoot.scriptsDone();
-  </script>
   <link rel="import" href="components/pi-app.html"/>
   <style>
     body {