Drop support for prefixed flexbox.

css/style.css

@@ -16,7 +16,6 @@
   margin: 0;
   padding: 2px 4px 3px;
   outline: none;
-  transition: color .25s, border-color .25s, -webkit-flex .25s;
   transition: color .25s, border-color .25s, flex .25s;
 }
 .field::-moz-placeholder,
@@ -118,7 +117,6 @@ a[href="javascript:;"] {
 }
 #header-bar {
   border-width: 0;
-  display: -webkit-flex;
   display: flex;
   padding: 3px;
   position: relative;
@@ -132,9 +130,7 @@ a[href="javascript:;"] {
   border-top-width: 1px;
 }
 #board-list {
-  -webkit-flex: 1;
   flex: 1;
-  -webkit-align-self: center;
   align-self: center;
   text-align: center;
 }
@@ -245,7 +241,6 @@ a[href="javascript:;"] {
 }
 #overlay {
   background-color: rgba(0, 0, 0, .5);
-  display: -webkit-flex;
   display: flex;
   position: fixed;
   top: 0;
@@ -263,13 +258,10 @@ a[href="javascript:;"] {
   max-width: 100%;
   margin: auto;
   padding: 3px;
-  display: -webkit-flex;
   display: flex;
-  -webkit-flex-direction: column;
   flex-direction: column;
 }
 #fourchanx-settings > nav {
-  display: -webkit-flex;
   display: flex;
   padding: 2px 2px 0;
 }
@@ -281,14 +273,12 @@ a[href="javascript:;"] {
   padding: 2px;
 }
 .sections-list {
-  -webkit-flex: 1;
   flex: 1;
 }
 .tab-selected {
   font-weight: 700;
 }
 .section-container {
-  -webkit-flex: 1;
   flex: 1;
   position: relative;
 }
@@ -419,13 +409,10 @@ a.hide-announcement {
   position: absolute;
 }
 #thread-watcher > div:first-child {
-  display: -webkit-flex;
   display: flex;
-  -webkit-align-items: center;
   align-items: center;
 }
 #thread-watcher .move {
-  -webkit-flex: 1;
   flex: 1;
 }
 #watcher-status:not(:empty)::before {
@@ -587,15 +574,11 @@ a.hide-announcement {
 }
 #qr > div {
   min-width: 300px;
-  display: -webkit-flex;
   display: flex;
-  -webkit-align-items: center;
   align-items: center;
 }
 #qr .move {
-  -webkit-align-self: stretch;
   align-self: stretch;
-  -webkit-flex: 1;
   flex: 1;
 }
 #qr select {
@@ -615,22 +598,17 @@ a.hide-announcement {
   padding: 0 3px;
 }
 #qr > form {
-  display: -webkit-flex;
   display: flex;
-  -webkit-flex-direction: column;
   flex-direction: column;
 }
 .persona {
-  display: -webkit-flex;
   display: flex;
 }
 .persona .field {
-  -webkit-flex: 1;
   flex: 1;
 }
 .persona .field:hover,
 .persona .field:focus {
-  -webkit-flex: 3;
   flex: 3;
 }
 #dump-button {
@@ -807,9 +785,7 @@ a.hide-announcement {
   right: 0;
   bottom: 0;
   left: 0;
-  display: -webkit-flex;
   display: flex;
-  -webkit-align-items: center;
   align-items: center;
 }
 #file-n-submit-container input[type='file'] {
@@ -821,7 +797,6 @@ a.hide-announcement {
   padding: 0;
 }
 #file-n-submit input[type='submit'] {
-  -webkit-order: 1;
   order: 1;
 }
 #file-n-submit.has-file #qr-no-file,
@@ -841,7 +816,6 @@ a.hide-announcement {
 }
 #qr-no-file {
   cursor: default;
-  -webkit-flex: 1;
   flex: 1;
 }
 #qr-filename {
@@ -852,7 +826,6 @@ a.hide-announcement {
   border: none !important;
   color: inherit;
   font: inherit;
-  -webkit-flex: 1;
   flex: 1;
   text-overflow: ellipsis;
 }
@@ -888,10 +861,8 @@ a.hide-announcement {
 }
 #menu {
   border-bottom: 0;
-  display: -webkit-flex;
   display: flex;
   margin: 2px 0;
-  -webkit-flex-direction: column;
   flex-direction: column;
   position: absolute;
   outline: none;
@@ -937,9 +908,7 @@ a.hide-announcement {
 }
 .submenu {
   border-bottom: 0;
-  display: -webkit-flex;
   display: flex;
-  -webkit-flex-direction: column;
   flex-direction: column;
   position: absolute;
   margin: -1px 0;

src/General/UI.coffee

@@ -105,8 +105,7 @@ UI = do ->
 
     findNextEntry: (entry, direction) ->
       entries = [entry.parentNode.children...]
-      entries.sort (first, second) ->
+      entries.sort (first, second) -> first.style.order - second.style.order
-        +(first.style.order or first.style.webkitOrder) - +(second.style.order or second.style.webkitOrder)
       entries[entries.indexOf(entry) + direction]
 
     keybinds: (e) =>
@@ -179,8 +178,7 @@ UI = do ->
         e.stopPropagation()
         @focus el
       ).bind @
-      {style} = el
+      el.style.order = entry.order or 100
-      style.webkitOrder = style.order = entry.order or 100
       return unless subEntries
       $.addClass el, 'has-submenu'
       for subEntry in subEntries

src/Meta/manifest.json

@@ -15,7 +15,7 @@
     "run_at": "document_start"
   }],
   "homepage_url": "<%= meta.page %>",
-  "minimum_chrome_version": "27",
+  "minimum_chrome_version": "29",
   "permissions": [
     "storage"
   ]