flipper-ui 0.7.2 → 0.7.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 58ff741014c1d7db19e16dbbda8baae1dc292283
-  data.tar.gz: a1b6e435404f69cfff852611f9aa7749d3a48161
+  metadata.gz: 18dd240173e431e875d360b98531df45db9947fe
+  data.tar.gz: 95a577557c91cf3d59e98f2045553feeb1ea18b8
 SHA512:
-  metadata.gz: 4d4e8db0c63c591a067916cb32ba6d137c7901e31a8c9996ad1305764505beb2a71031b1c043dc1803c632778ee4a0a64c81920d9c78e50b7ce9c037c4f44ecd
-  data.tar.gz: 8d5a753a31e86aee0b6d99a60e77b8fbb90e4e76d23a3d7fb737b1abad59ddcfdef4d52e46f8051c03da1389b0b47fc904cf3a72e965d97d4de3df7b9a0067a0
+  metadata.gz: b76f4930a9ff90a801f0d2f8600d86ce6e06a1486d05428a4f84c714ba334fbcda71f55da697259d0e3c0b2f4915ba732322545328ba15f35bc91e62446c2896
+  data.tar.gz: cf88313a03f6ceadf7206a557877eb5892843a7e5fb089ab85e2fe53efa8545409c1184a5892e8f9b0909f4f1805c4b73a27c33e07e299c1210fef85e86d8848

data/docs/ui/README.md

@@ -28,19 +28,25 @@ Or install it yourself as:
 
 ### Rails
 
-Given that you've already initialized `Flipper` as per the [flipper](https://github.com/jnunemaker/flipper) readme:
+Given that you've already initialized `Flipper` as per the [flipper](https://github.com/jnunemaker/flipper) readme, you can mount `Flipper::UI` to a route of your choice:
 
 ```ruby
-# config/initializers/flipper.rb
-$flipper = Flipper.new(...)
+# config/routes.rb
+YourRailsApp::Application.routes.draw do
+  mount Flipper::UI.app(flipper) => '/flipper'
+end
 ```
 
-you can mount `Flipper::UI` to a route of your choice:
+If you'd like to lazy load flipper, you can pass a block instead:
+
 ```ruby
 # config/routes.rb
-
 YourRailsApp::Application.routes.draw do
-  mount Flipper::UI.app($flipper) => '/flipper'
+  flipper_block = lambda {
+    # some flipper initialization here, for example:
+    # YourRailsApp.flipper
+  }
+  mount Flipper::UI.app(flipper_block) => '/flipper'
 end
 ```
 
@@ -53,7 +59,7 @@ You almost certainly want to limit access when using Flipper::UI in production.
 
 flipper_constraint = lambda { |request| request.remote_ip == '127.0.0.1' }
 constraints flipper_constraint do
-  mount Flipper::UI.app($flipper) => '/flipper'
+  mount Flipper::UI.app(flipper) => '/flipper'
 end
 ```
 
@@ -72,7 +78,7 @@ end
 # config/routes.rb
 
 constraints CanAccessFlipperUI do
-  mount Flipper::UI.app($flipper) => '/flipper'
+  mount Flipper::UI.app(flipper) => '/flipper'
 end
 ```
 

data/lib/flipper/ui/public/css/application.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 body {
   padding-top: 20px; }
 
@@ -7,7 +8,7 @@ body {
  *
  * Released under MIT license. Copyright 2015 GitHub, Inc.
  */
-/* normalize.css v3.0.1 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
@@ -323,7 +324,7 @@ input[type="search"]::-webkit-search-decoration {
  * Define consistent border, margin, and padding.
  */
 fieldset {
-  border: 1px solid silver;
+  border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
 
@@ -374,7 +375,7 @@ button {
 
 body {
   font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #333333;
+  color: #333;
   background-color: #fff; }
 
 a {
@@ -390,7 +391,7 @@ hr,
   overflow: hidden;
   background: transparent;
   border: 0;
-  border-bottom: 1px solid #dddddd; }
+  border-bottom: 1px solid #ddd; }
   hr:before,
   .rule:before {
     display: table;
@@ -565,7 +566,7 @@ textarea {
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: right center;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   border-radius: 3px;
   outline: none;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
@@ -809,7 +810,7 @@ html.no-dnd-uploads .drag-and-drop {
   html.no-dnd-uploads .drag-and-drop .default {
     display: none; }
 html.no-dnd-uploads .upload-enabled textarea {
-  border-bottom: 1px solid #dddddd; }
+  border-bottom: 1px solid #ddd; }
 
 .drag-and-drop {
   padding: 7px 10px;
@@ -818,7 +819,7 @@ html.no-dnd-uploads .upload-enabled textarea {
   line-height: 16px;
   color: #aaa;
   background-color: #fafafa;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   border-top: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px; }
@@ -876,7 +877,7 @@ html.no-dnd-uploads .upload-enabled textarea {
 
 .upload-enabled textarea {
   display: block;
-  border-bottom: 1px dashed #dddddd;
+  border-bottom: 1px dashed #ddd;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0; }
 
@@ -927,7 +928,7 @@ div.composer {
   height: 35px;
   padding: 0 10px;
   margin-bottom: 10px;
-  border-bottom: 1px solid #eeeeee; }
+  border-bottom: 1px solid #eee; }
 
 .composer .tabnav {
   margin: 0 0 10px; }
@@ -1019,7 +1020,7 @@ p.explain {
 .options-content p.explain {
   padding: 10px 10px 0;
   margin-top: 0;
-  border-top: 1px solid #dddddd; }
+  border-top: 1px solid #ddd; }
 
 .form-actions:before {
   display: table;
@@ -1286,7 +1287,7 @@ p.explain {
     padding: 2px 5px 3px;
     font-size: 14px;
     background: #fff;
-    border: 1px solid #eeeeee;
+    border: 1px solid #eee;
     border-radius: 3px; }
   .blankslate > .mega-octicon {
     color: #aaa; }
@@ -1335,7 +1336,7 @@ p.explain {
   vertical-align: middle;
   cursor: pointer;
   background-color: #eee;
-  background-image: linear-gradient(#fcfcfc, #eeeeee);
+  background-image: linear-gradient(#fcfcfc, #eee);
   border: 1px solid #d5d5d5;
   border-radius: 3px;
   user-select: none;
@@ -1357,7 +1358,7 @@ p.explain {
   .btn:hover, .btn:active, .btn.zeroclipboard-is-hover, .btn.zeroclipboard-is-active {
     text-decoration: none;
     background-color: #ddd;
-    background-image: linear-gradient(#eeeeee, #dddddd);
+    background-image: linear-gradient(#eee, #ddd);
     border-color: #ccc; }
   .btn:active, .btn.selected, .btn.selected:hover, .btn.zeroclipboard-is-active {
     background-color: #dcdcdc;
@@ -1480,10 +1481,10 @@ p.explain {
   font-size: 11px;
   font-weight: bold;
   line-height: 20px;
-  color: #333333;
+  color: #333;
   vertical-align: middle;
   background-color: #fff;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   border-left: 0;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px; }
@@ -1572,8 +1573,8 @@ p.explain {
   position: relative;
   display: block;
   padding: 8px 10px;
-  text-shadow: 0 1px 0 white;
-  border-bottom: 1px solid #eeeeee; }
+  text-shadow: 0 1px 0 #fff;
+  border-bottom: 1px solid #eee; }
   .menu-item:first-child {
     border-top: 0;
     border-top-right-radius: 2px;
@@ -1605,7 +1606,7 @@ p.explain {
   .menu-item .octicon {
     margin-right: 5px;
     width: 16px;
-    color: #333333;
+    color: #333;
     text-align: center; }
   .menu-item .counter {
     float: right;
@@ -1629,7 +1630,7 @@ p.explain {
   line-height: 20px;
   color: #555;
   background-color: #f7f7f7;
-  border-bottom: 1px solid #eeeeee; }
+  border-bottom: 1px solid #eee; }
   .menu-heading:hover {
     text-decoration: none; }
   .menu-heading:first-child {
@@ -1643,7 +1644,7 @@ p.explain {
 .tabnav {
   margin-top: 0;
   margin-bottom: 15px;
-  border-bottom: 1px solid #dddddd; }
+  border-bottom: 1px solid #ddd; }
   .tabnav .counter {
     margin-left: 5px; }
 
@@ -1763,7 +1764,7 @@ a.tabnav-extra:hover {
   display: none;
   padding: 5px 8px;
   font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
-  color: white;
+  color: #fff;
   text-align: center;
   text-decoration: none;
   text-shadow: none;
@@ -1890,7 +1891,7 @@ a.tabnav-extra:hover {
 .tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after {
   right: 100%; }
 
-@media screen and (min-width: 0 \0) {
+@media screen and (min-width: 0\0) {
   .tooltipped-multiline:after {
     width: 250px; } }
 .tooltipped-sticky:before, .tooltipped-sticky:after {
@@ -1899,7 +1900,7 @@ a.tabnav-extra:hover {
   display: table-cell; }
 
 .fullscreen-overlay-enabled.dark-theme .tooltipped:after {
-  color: black;
+  color: #000;
   background: rgba(255, 255, 255, 0.8); }
 .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,
 .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,
@@ -1960,10 +1961,10 @@ th {
     padding: 8px;
     line-height: 1.42857;
     vertical-align: top;
-    border-top: 1px solid #dddddd; }
+    border-top: 1px solid #ddd; }
   .table > thead > tr > th {
     vertical-align: bottom;
-    border-bottom: 2px solid #dddddd; }
+    border-bottom: 2px solid #ddd; }
   .table > caption + thead > tr:first-child > th,
   .table > caption + thead > tr:first-child > td,
   .table > colgroup + thead > tr:first-child > th,
@@ -1972,9 +1973,9 @@ th {
   .table > thead:first-child > tr:first-child > td {
     border-top: 0; }
   .table > tbody + tbody {
-    border-top: 2px solid #dddddd; }
+    border-top: 2px solid #ddd; }
   .table .table {
-    background-color: white; }
+    background-color: #fff; }
 
 .table-condensed > thead > tr > th,
 .table-condensed > thead > tr > td,
@@ -1985,14 +1986,14 @@ th {
   padding: 5px; }
 
 .table-bordered {
-  border: 1px solid #dddddd; }
+  border: 1px solid #ddd; }
   .table-bordered > thead > tr > th,
   .table-bordered > thead > tr > td,
   .table-bordered > tbody > tr > th,
   .table-bordered > tbody > tr > td,
   .table-bordered > tfoot > tr > th,
   .table-bordered > tfoot > tr > td {
-    border: 1px solid #dddddd; }
+    border: 1px solid #ddd; }
   .table-bordered > thead > tr > th,
   .table-bordered > thead > tr > td {
     border-bottom-width: 2px; }
@@ -2001,7 +2002,7 @@ th {
   background-color: #f9f9f9; }
 
 .table-hover > tbody > tr:hover {
-  background-color: whitesmoke; }
+  background-color: #f5f5f5; }
 
 table col[class*="col-"] {
   position: static;
@@ -2024,7 +2025,7 @@ table th[class*="col-"] {
 .table > tfoot > tr > th.active,
 .table > tfoot > tr.active > td,
 .table > tfoot > tr.active > th {
-  background-color: whitesmoke; }
+  background-color: #f5f5f5; }
 
 .table-hover > tbody > tr > td.active:hover,
 .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
@@ -2103,7 +2104,7 @@ table th[class*="col-"] {
       margin-bottom: 15px;
       overflow-y: hidden;
       -ms-overflow-style: -ms-autohiding-scrollbar;
-      border: 1px solid #dddddd; }
+      border: 1px solid #ddd; }
       .table-responsive > .table {
         margin-bottom: 0; }
         .table-responsive > .table > thead > tr > th,
@@ -2137,7 +2138,7 @@ table th[class*="col-"] {
 
 .panel {
   margin-bottom: 20px;
-  background-color: white;
+  background-color: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
@@ -2173,8 +2174,8 @@ table th[class*="col-"] {
 
 .panel-footer {
   padding: 10px 15px;
-  background-color: whitesmoke;
-  border-top: 1px solid #dddddd;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px; }
 
@@ -2271,7 +2272,7 @@ table th[class*="col-"] {
 .panel > .panel-body + .table-responsive,
 .panel > .table + .panel-body,
 .panel > .table-responsive + .panel-body {
-  border-top: 1px solid #dddddd; }
+  border-top: 1px solid #ddd; }
 .panel > .table > tbody:first-child > tr:first-child th,
 .panel > .table > tbody:first-child > tr:first-child td {
   border-top: 0; }
@@ -2337,37 +2338,37 @@ table th[class*="col-"] {
     border-bottom: 0; }
     .panel-group .panel-heading + .panel-collapse > .panel-body,
     .panel-group .panel-heading + .panel-collapse > .list-group {
-      border-top: 1px solid #dddddd; }
+      border-top: 1px solid #ddd; }
   .panel-group .panel-footer {
     border-top: 0; }
     .panel-group .panel-footer + .panel-collapse .panel-body {
-      border-bottom: 1px solid #dddddd; }
+      border-bottom: 1px solid #ddd; }
 
 .panel-default {
-  border-color: #dddddd; }
+  border-color: #ddd; }
   .panel-default > .panel-heading {
     color: #333333;
-    background-color: whitesmoke;
-    border-color: #dddddd; }
+    background-color: #f5f5f5;
+    border-color: #ddd; }
     .panel-default > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #dddddd; }
+      border-top-color: #ddd; }
     .panel-default > .panel-heading .badge {
-      color: whitesmoke;
+      color: #f5f5f5;
       background-color: #333333; }
   .panel-default > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #dddddd; }
+    border-bottom-color: #ddd; }
 
 .panel-primary {
   border-color: #337ab7; }
   .panel-primary > .panel-heading {
-    color: white;
+    color: #fff;
     background-color: #337ab7;
     border-color: #337ab7; }
     .panel-primary > .panel-heading + .panel-collapse > .panel-body {
       border-top-color: #337ab7; }
     .panel-primary > .panel-heading .badge {
       color: #337ab7;
-      background-color: white; }
+      background-color: #fff; }
   .panel-primary > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #337ab7; }
 
@@ -2436,8 +2437,8 @@ table th[class*="col-"] {
   display: block;
   padding: 10px 15px;
   margin-bottom: -1px;
-  background-color: white;
-  border: 1px solid #dddddd; }
+  background-color: #fff;
+  border: 1px solid #ddd; }
   .list-group-item:first-child {
     border-top-right-radius: 4px;
     border-top-left-radius: 4px; }
@@ -2447,13 +2448,13 @@ table th[class*="col-"] {
     border-bottom-left-radius: 4px; }
 
 a.list-group-item {
-  color: #555555; }
+  color: #555; }
   a.list-group-item .list-group-item-heading {
-    color: #333333; }
+    color: #333; }
   a.list-group-item:hover, a.list-group-item:focus {
     text-decoration: none;
-    color: #555555;
-    background-color: whitesmoke; }
+    color: #555;
+    background-color: #f5f5f5; }
 
 .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
   background-color: #eeeeee;
@@ -2465,7 +2466,7 @@ a.list-group-item {
     color: #777777; }
 .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
   z-index: 2;
-  color: white;
+  color: #fff;
   background-color: #337ab7;
   border-color: #337ab7; }
   .list-group-item.active .list-group-item-heading,
@@ -2555,14 +2556,14 @@ a.list-group-item-danger {
   padding: 8px 15px;
   margin-bottom: 20px;
   list-style: none;
-  background-color: whitesmoke;
+  background-color: #f5f5f5;
   border-radius: 4px; }
   .breadcrumb > li {
     display: inline-block; }
     .breadcrumb > li + li:before {
-      content: "/\00a0";
+      content: "/ ";
       padding: 0 5px;
-      color: #cccccc; }
+      color: #ccc; }
   .breadcrumb > .active {
     color: #777777; }
 
@@ -2589,7 +2590,7 @@ a.list-group-item-danger {
 
 .breadcrumb {
   background-color: #fff;
-  border: 1px solid #dddddd; }
+  border: 1px solid #ddd; }
 
 .header .btn.right {
   margin-top: 5px;

data/lib/flipper/ui/public/css/primer/primer.css

@@ -4,7 +4,7 @@
  *
  * Released under MIT license. Copyright 2015 GitHub, Inc.
  */
-/* normalize.css v3.0.1 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
@@ -320,7 +320,7 @@ input[type="search"]::-webkit-search-decoration {
  * Define consistent border, margin, and padding.
  */
 fieldset {
-  border: 1px solid silver;
+  border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
 
@@ -371,7 +371,7 @@ button {
 
 body {
   font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #333333;
+  color: #333;
   background-color: #fff; }
 
 a {
@@ -387,7 +387,7 @@ hr,
   overflow: hidden;
   background: transparent;
   border: 0;
-  border-bottom: 1px solid #dddddd; }
+  border-bottom: 1px solid #ddd; }
   hr:before,
   .rule:before {
     display: table;
@@ -562,7 +562,7 @@ textarea {
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: right center;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   border-radius: 3px;
   outline: none;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
@@ -806,7 +806,7 @@ html.no-dnd-uploads .drag-and-drop {
   html.no-dnd-uploads .drag-and-drop .default {
     display: none; }
 html.no-dnd-uploads .upload-enabled textarea {
-  border-bottom: 1px solid #dddddd; }
+  border-bottom: 1px solid #ddd; }
 
 .drag-and-drop {
   padding: 7px 10px;
@@ -815,7 +815,7 @@ html.no-dnd-uploads .upload-enabled textarea {
   line-height: 16px;
   color: #aaa;
   background-color: #fafafa;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   border-top: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px; }
@@ -873,7 +873,7 @@ html.no-dnd-uploads .upload-enabled textarea {
 
 .upload-enabled textarea {
   display: block;
-  border-bottom: 1px dashed #dddddd;
+  border-bottom: 1px dashed #ddd;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0; }
 
@@ -924,7 +924,7 @@ div.composer {
   height: 35px;
   padding: 0 10px;
   margin-bottom: 10px;
-  border-bottom: 1px solid #eeeeee; }
+  border-bottom: 1px solid #eee; }
 
 .composer .tabnav {
   margin: 0 0 10px; }
@@ -1016,7 +1016,7 @@ p.explain {
 .options-content p.explain {
   padding: 10px 10px 0;
   margin-top: 0;
-  border-top: 1px solid #dddddd; }
+  border-top: 1px solid #ddd; }
 
 .form-actions:before {
   display: table;
@@ -1283,7 +1283,7 @@ p.explain {
     padding: 2px 5px 3px;
     font-size: 14px;
     background: #fff;
-    border: 1px solid #eeeeee;
+    border: 1px solid #eee;
     border-radius: 3px; }
   .blankslate > .mega-octicon {
     color: #aaa; }
@@ -1332,7 +1332,7 @@ p.explain {
   vertical-align: middle;
   cursor: pointer;
   background-color: #eee;
-  background-image: linear-gradient(#fcfcfc, #eeeeee);
+  background-image: linear-gradient(#fcfcfc, #eee);
   border: 1px solid #d5d5d5;
   border-radius: 3px;
   user-select: none;
@@ -1354,7 +1354,7 @@ p.explain {
   .btn:hover, .btn:active, .btn.zeroclipboard-is-hover, .btn.zeroclipboard-is-active {
     text-decoration: none;
     background-color: #ddd;
-    background-image: linear-gradient(#eeeeee, #dddddd);
+    background-image: linear-gradient(#eee, #ddd);
     border-color: #ccc; }
   .btn:active, .btn.selected, .btn.selected:hover, .btn.zeroclipboard-is-active {
     background-color: #dcdcdc;
@@ -1477,10 +1477,10 @@ p.explain {
   font-size: 11px;
   font-weight: bold;
   line-height: 20px;
-  color: #333333;
+  color: #333;
   vertical-align: middle;
   background-color: #fff;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   border-left: 0;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px; }
@@ -1569,8 +1569,8 @@ p.explain {
   position: relative;
   display: block;
   padding: 8px 10px;
-  text-shadow: 0 1px 0 white;
-  border-bottom: 1px solid #eeeeee; }
+  text-shadow: 0 1px 0 #fff;
+  border-bottom: 1px solid #eee; }
   .menu-item:first-child {
     border-top: 0;
     border-top-right-radius: 2px;
@@ -1602,7 +1602,7 @@ p.explain {
   .menu-item .octicon {
     margin-right: 5px;
     width: 16px;
-    color: #333333;
+    color: #333;
     text-align: center; }
   .menu-item .counter {
     float: right;
@@ -1626,7 +1626,7 @@ p.explain {
   line-height: 20px;
   color: #555;
   background-color: #f7f7f7;
-  border-bottom: 1px solid #eeeeee; }
+  border-bottom: 1px solid #eee; }
   .menu-heading:hover {
     text-decoration: none; }
   .menu-heading:first-child {
@@ -1640,7 +1640,7 @@ p.explain {
 .tabnav {
   margin-top: 0;
   margin-bottom: 15px;
-  border-bottom: 1px solid #dddddd; }
+  border-bottom: 1px solid #ddd; }
   .tabnav .counter {
     margin-left: 5px; }
 
@@ -1760,7 +1760,7 @@ a.tabnav-extra:hover {
   display: none;
   padding: 5px 8px;
   font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
-  color: white;
+  color: #fff;
   text-align: center;
   text-decoration: none;
   text-shadow: none;
@@ -1887,7 +1887,7 @@ a.tabnav-extra:hover {
 .tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after {
   right: 100%; }
 
-@media screen and (min-width: 0 \0) {
+@media screen and (min-width: 0\0) {
   .tooltipped-multiline:after {
     width: 250px; } }
 .tooltipped-sticky:before, .tooltipped-sticky:after {
@@ -1896,7 +1896,7 @@ a.tabnav-extra:hover {
   display: table-cell; }
 
 .fullscreen-overlay-enabled.dark-theme .tooltipped:after {
-  color: black;
+  color: #000;
   background: rgba(255, 255, 255, 0.8); }
 .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,
 .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,

data/lib/flipper/version.rb

@@ -1,3 +1,3 @@
 module Flipper
-  VERSION = "0.7.2"
+  VERSION = "0.7.3"
 end

data/spec/flipper/ui/actions/actors_gate_spec.rb

@@ -20,7 +20,7 @@ RSpec.describe Flipper::UI::Actions::ActorsGate do
       before do
         post "features/search/actors",
           {"value" => "User:6", "operation" => "enable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "adds item to members" do
@@ -38,7 +38,7 @@ RSpec.describe Flipper::UI::Actions::ActorsGate do
         flipper[:search].enable_actor Flipper::UI::Actor.new("User:6")
         post "features/search/actors",
           {"value" => "User:6", "operation" => "disable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "removes item from members" do
@@ -55,7 +55,7 @@ RSpec.describe Flipper::UI::Actions::ActorsGate do
       before do
         post "features/search/actors",
           {"value" => "", "operation" => "enable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "redirects back to feature" do

data/spec/flipper/ui/actions/boolean_gate_spec.rb

@@ -7,7 +7,7 @@ RSpec.describe Flipper::UI::Actions::BooleanGate do
         flipper.disable :search
         post "features/search/boolean",
           {"action" => "Enable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "enables the feature" do
@@ -25,7 +25,7 @@ RSpec.describe Flipper::UI::Actions::BooleanGate do
         flipper.enable :search
         post "features/search/boolean",
           {"action" => "Disable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "disables the feature" do

data/spec/flipper/ui/actions/feature_spec.rb

@@ -6,7 +6,7 @@ RSpec.describe Flipper::UI::Actions::Feature do
       flipper.enable :search
       delete "/features/search",
         {"authenticity_token" => "a"},
-        "rack.session" => {:csrf => "a"}
+        "rack.session" => {"_csrf_token" => "a"}
     end
 
     it "removes feature" do
@@ -24,7 +24,7 @@ RSpec.describe Flipper::UI::Actions::Feature do
       flipper.enable :search
       post "/features/search",
         {"_method" => "DELETE", "authenticity_token" => "a"},
-        "rack.session" => {:csrf => "a"}
+        "rack.session" => {"_csrf_token" => "a"}
     end
 
     it "removes feature" do

data/spec/flipper/ui/actions/features_spec.rb

@@ -22,7 +22,7 @@ RSpec.describe Flipper::UI::Actions::Features do
     before do
       post "/features",
         {"value" => "notifications_next", "authenticity_token" => "a"},
-        "rack.session" => {:csrf => "a"}
+        "rack.session" => {"_csrf_token" => "a"}
     end
 
     it "adds feature" do

data/spec/flipper/ui/actions/gate_spec.rb

@@ -5,7 +5,7 @@ RSpec.describe Flipper::UI::Actions::Gate do
     before do
       post "/features/search/non-existent-gate",
         {"authenticity_token" => "a"},
-        "rack.session" => {:csrf => "a"}
+        "rack.session" => {"_csrf_token" => "a"}
     end
 
     it "responds with redirect" do

data/spec/flipper/ui/actions/groups_gate_spec.rb

@@ -33,7 +33,7 @@ RSpec.describe Flipper::UI::Actions::GroupsGate do
       before do
         post "features/search/groups",
           {"value" => "admins", "operation" => "enable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "adds item to members" do
@@ -51,7 +51,7 @@ RSpec.describe Flipper::UI::Actions::GroupsGate do
         flipper[:search].enable_group :admins
         post "features/search/groups",
           {"value" => "admins", "operation" => "disable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "removes item from members" do
@@ -68,7 +68,7 @@ RSpec.describe Flipper::UI::Actions::GroupsGate do
       before do
         post "features/search/groups",
           {"value" => "not_here", "operation" => "enable", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "redirects back to feature" do

data/spec/flipper/ui/actions/percentage_of_actors_gate_spec.rb

@@ -6,7 +6,7 @@ RSpec.describe Flipper::UI::Actions::PercentageOfActorsGate do
       before do
         post "features/search/percentage_of_actors",
           {"value" => "24", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "enables the feature" do
@@ -23,7 +23,7 @@ RSpec.describe Flipper::UI::Actions::PercentageOfActorsGate do
       before do
         post "features/search/percentage_of_actors",
           {"value" => "555", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "does not change value" do

data/spec/flipper/ui/actions/percentage_of_time_gate_spec.rb

@@ -6,7 +6,7 @@ RSpec.describe Flipper::UI::Actions::PercentageOfTimeGate do
       before do
         post "features/search/percentage_of_time",
           {"value" => "24", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "enables the feature" do
@@ -23,7 +23,7 @@ RSpec.describe Flipper::UI::Actions::PercentageOfTimeGate do
       before do
         post "features/search/percentage_of_time",
           {"value" => "555", "authenticity_token" => "a"},
-          "rack.session" => {:csrf => "a"}
+          "rack.session" => {"_csrf_token" => "a"}
       end
 
       it "does not change value" do

data/spec/flipper/ui_spec.rb

@@ -37,7 +37,7 @@ RSpec.describe Flipper::UI do
   it "can route features with names that match static directories" do
     post "features/refactor-images/actors",
       {"value" => "User:6", "operation" => "enable", "authenticity_token" => "a"},
-      "rack.session" => {:csrf => "a"}
+      "rack.session" => {"_csrf_token" => "a"}
     expect(last_response.status).to be(302)
     expect(last_response.headers["Location"]).to eq("/features/refactor-images")
   end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: flipper-ui
 version: !ruby/object:Gem::Version
-  version: 0.7.2
+  version: 0.7.3
 platform: ruby
 authors:
 - John Nunemaker
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-12-06 00:00:00.000000000 Z
+date: 2015-12-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rack
@@ -50,14 +50,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.7.2
+        version: 0.7.3
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.7.2
+        version: 0.7.3
 - !ruby/object:Gem::Dependency
   name: erubis
   requirement: !ruby/object:Gem::Requirement
@@ -283,7 +283,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5.1
 signing_key: 
 specification_version: 4
 summary: UI for the Flipper gem