Fix header status setter in safari

public/css/_mixins.styl

@@ -16,6 +16,14 @@ noselect()
   -ms-user-select: none
   user-select: none
 
+allowselect()
+  -webkit-touch-callout: initial
+  -webkit-user-select: initial
+  -khtml-user-select: initial
+  -moz-user-select: initial
+  -ms-user-select: initial
+  user-select: initial
+
 transform()
   -webkit-transform: arguments
   -moz-transform: arguments

public/css/otalk.css

@@ -1512,8 +1512,18 @@ rgba(0,0,0,0.7)
   overflow: hidden;
   text-overflow: ellipsis;
   transition: all 0.25s;
+  -webkit-touch-callout: initial;
+  -webkit-user-select: initial;
+  -khtml-user-select: initial;
+  -moz-user-select: initial;
+  -ms-user-select: initial;
+  user-select: initial;
 }
-#me .status:before {
+#me .status:empty:before {
+  content: '- Update your status';
+}
+#me .status:before,
+#me .status:empty:focus:before {
   content: '-';
   padding-left: 5px;
   padding-right: 5px;
@@ -1521,9 +1531,6 @@ rgba(0,0,0,0.7)
 #me .status:empty {
   font-style: italic;
 }
-#me .status:empty:before {
-  content: '- Update your status';
-}
 #me .name:focus,
 #me .status:focus {
   background-color: #fffcea;

public/css/pages/header.styl

@@ -37,15 +37,18 @@
     padding: 0px
     line-height: 20px
     height: 20px
-
     max-width: 75%
     white-space: nowrap
     overflow: hidden
     text-overflow: ellipsis
-
     transition: all .25s
+    allowselect()
 
-    &:before
+    &:empty:before
+      content: '- Update your status'
+
+    &:before,
+    &:empty:focus:before
       content: '-'
       padding-left: 5px
       padding-right: 5px
@@ -53,9 +56,6 @@
     &:empty
       font-style: italic
 
-      &:before
-        content: '- Update your status'
-
   .name,
   .status
     &:focus

public/x-manifest.cache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 0.0.1 1387572419314
+# 0.0.1 1387575045653
 
 CACHE:
 /app.js