use prefixed flexbox in IE 10

dfreedm · dfreedm · commit a013a19c6832 · 2013-09-13T11:48:35.000-07:00
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 {

Original file line number	Diff line number	Diff line change
`@@ -7,13 +7,15 @@`
`7`	`7`	`* {`
`8`	`8`	`display: -webkit-box;`
`9`	`9`	`display: -webkit-flex;`
	`10`	`+ display: -ms-flexbox;`
`10`	`11`	`display: flex;`
`11`	`12`	`}`
`12`	`13`	`}`
`13`	`14`
`14`	`15`	`.feed-viewer-panels {`
`15`	`16`	`-webkit-box-flex: 1;`
`16`	`17`	`-webkit-flex: 1;`
	`18`	`+ -ms-flex: 1;`
`17`	`19`	`flex: 1;`
`18`	`20`	`position: relative;`
`19`	`21`	`}`