angular-float-box 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1b0f200a8dfb1d00e4c6ece4751b4da7e8d73cfe
-  data.tar.gz: ad5ddd59c7f9fab1e3ea41e77a655f6d9af3fedc
+  metadata.gz: 3b4d96682242569b7010c645fd9a408d1ea4ce79
+  data.tar.gz: a5888d7f21a2c48cdd27bcfbbca3386dea50f0e8
 SHA512:
-  metadata.gz: e7edd3ecbfb7a01ad3efac00d6d20ead532067ce2c9fc01dd5a3a8279b94c4058e4573f82d4f7a6be26a8d652363bdd8f6430fa6de1662214eb99d1d2a26d4fe
-  data.tar.gz: 03896ccdcb18c2157232af081abbc35d46009f6bf2e0fe39188b9089fb79b8d4fc1f55b0fe109d195c999fef72035342d3858d79c095754a7a40ba65da90b9fe
+  metadata.gz: 6ae11e2e7820fe76aac3d42cdb9f0a203064c266fb3f37a78a4d7c43ea0ceeca857b9515dcd549110ae0282f2c9eb3aaddf71656f3625b9187c0ec98bc0b02c9
+  data.tar.gz: affe5b551669afe9b1cb5cdb90564cb36e70a82f03deb7815ed077fd68d01739c4d167fd208480a3a6a618a78dbfb4238f132f410b62e4dd89235a8265a9a0af

data/lib/angular-float-box/version.rb

@@ -1,3 +1,3 @@
 module AngularFloatBox
-  VERSION = "0.1.3"
+  VERSION = "0.1.4"
 end

data/vendor/assets/javascripts/angular-float-box.js

@@ -92,7 +92,7 @@
   function($timeout, title) {
     this.initialize = function() {
       // How many pixels needed for scroll to shrink.
-      var shrink_treshold = 10;
+      var shrink_treshold = 0;
       // Variable needed to check direction of scroll.
       var last_scroll_top = 0;
       // Boolean to mark if a shrink is still in process or not.
@@ -109,6 +109,7 @@
             if (animation_complete && !$('.float-box-container').hasClass("smaller")) {
               $('.float-box-container').addClass("smaller");
               animation_complete = false
+              // Wait for animation of shrinking to be complete
               $timeout(function(){ animation_complete = true }, 500);
             }
           }
@@ -120,8 +121,8 @@
               $('.float-box-container').removeClass("smaller");
               // Adjust title when smaller class is removed.
               title.adjust($('float-box-title:visible'))
-              animation_complete = false
-              $timeout(function(){ animation_complete = true; }, 500);
+              // Removing smaller has less of an animation so the animation complete is instant.
+              animation_complete = true
             }
           }
         }
@@ -150,16 +151,32 @@
       }
       // Turn on css transitions now that font-size is updated.
       $text.removeClass('notransition')
+
+      return ($title.width() < $text.width());
+    }
+  }])
+  .service('limit', [function() {
+    // Adjust font-size of title based on size of text.
+    this.adjust = function($text, limit) {
+      // Duplicate the text that will be limited as the variable display.
+      var display = angular.copy($text)
+      // Check if the limited text is longer than the limit.
+      if ($text && $text.length >= limit) {
+        // If the limited text is longer than the limit, truncate the display.
+        display = display.substring(0,limit - 1) + '..'
+      }
+      return display;
     }
   }])
   // Float Box Title.
-  .directive('floatBoxTitle', ['title', function (title ) {
+  .directive('floatBoxTitle', ['$timeout', 'title', 'limit', function ($timeout, title, limit) {
     "use strict";
     return {
       restrict: 'E',
       template: '<div class="float-box-title-text">{{text}}</div>',
       scope: {
-        text: '='
+        text: '=',
+        limit: '='
       },
       link: function($scope, $title, iAttrs) {
         // Watch for float-box-title element appearing.

data/vendor/assets/javascripts/angular-float-box.min.js

@@ -1 +1 @@
-!function(t,a,o){"use strict";a.module("angular-float-box",[]).service("floatBox",["scroll","draggable",function(a,o){function e(){$("#float-box").show("fade")}function i(t){e(),t.find(".float-box-default-tab").tab("show"),t.find(".float-box-default-input").focus()}this.initialize=function(t){a.initialize(),o.initialize(t)},this.show=function(){$("#float-box").show()},this.hide=function(){$("#float-box").hide()},this.fade_in=function(){$("#float-box").show("fade")},this.fade_in=e,this.fade_out=function(){$(t).width()<768&&$("#float-box").hide("fade")},this.create=function(){$("float-box-create-tab a").tab("show"),i($("float-box-create"))},this.read=function(){$("float-box-read-tab a").tab("show"),i($("float-box-read"))},this.update=function(){$("float-box-update-tab a").tab("show"),i($("float-box-update"))}}]).service("draggable",[function(){this.initialize=function(t){t.draggable_on=function(){$("#float-box").draggable("enable"),t.draggable_disabled=!1},t.draggable_off=function(){$("#float-box").draggable("disable"),$("#float-box").css("top","").css("left","").css("right","").css("bottom",""),t.draggable_disabled=!0},t.draggable_disabled=!0,$("#float-box").draggable().draggable("disable")}}]).service("scroll",["$timeout","title",function(t,a){this.initialize=function(){var o=0,e=!0;$(".float-box-container").scroll(function(i){var l=$(this).scrollTop();l>o?this.scrollTop>10&&e&&!$(".float-box-container").hasClass("smaller")&&($(".float-box-container").addClass("smaller"),e=!1,t(function(){e=!0},500)):this.scrollTop<=10&&e&&($(".float-box-container").removeClass("smaller"),a.adjust($("float-box-title:visible")),e=!1,t(function(){e=!0},500)),o=l})}}]).service("title",[function(){this.max_font_size=40,this.adjust=function(t){var a=t.find(".float-box-title-text");a.addClass("notransition");var o=40;for(a.css("font-size",o+"px");t.width()<a.width()&&20!=o;)o-=5,a.css("font-size",o+"px");a.removeClass("notransition")}}]).directive("floatBoxTitle",["title",function(t){return{restrict:"E",template:'<div class="float-box-title-text">{{text}}</div>',scope:{text:"="},link:function(o,e,i){o.$watch(function(){return a.element(e).is(":visible")},function(){t.adjust(e)}),o.$watch("text",function(a,o,i){t.adjust(e)})}}}]).directive("floatBoxLimit",[function(){return{restrict:"E",template:"{{display}}",scope:{text:"=",limit:"="},link:function(t,o,e){t.$watch("text",function(o,e,i){t.display=a.copy(t.text),t.text&&t.text.length>=t.limit&&(t.display=t.display.substring(0,t.limit-1)+"..")})}}}]).directive("floatBoxSearchBar",[function(){return{restrict:"E",template:'<span class="input-group-btn"><button class="btn btn-info btn-sm" type="submit"><i type="text" class="fa fa-search"></i></button></span><input type="text" class="form-control input-sm" placeholder="{{placeholder}}" ng-model="model" autofocus>',scope:{model:"=",placeholder:"="}}}]).directive("floatBoxCreateTab",[function(){return{template:'<a data-toggle="tab" data-target="float-box-create"></a>'}}]).directive("floatBoxReadTab",[function(){return{template:'<a data-toggle="tab" data-target="float-box-read"></a>'}}]).directive("floatBoxUpdateTab",[function(){return{template:'<a data-toggle="tab" data-target="float-box-update"></a>'}}])}(window,window.angular);
+!function(t,a,i){"use strict";a.module("angular-float-box",[]).service("floatBox",["scroll","draggable",function(a,i){function o(){$("#float-box").show("fade")}function e(t){o(),t.find(".float-box-default-tab").tab("show"),t.find(".float-box-default-input").focus()}this.initialize=function(t){a.initialize(),i.initialize(t)},this.show=function(){$("#float-box").show()},this.hide=function(){$("#float-box").hide()},this.fade_in=function(){$("#float-box").show("fade")},this.fade_in=o,this.fade_out=function(){$(t).width()<768&&$("#float-box").hide("fade")},this.create=function(){$("float-box-create-tab a").tab("show"),e($("float-box-create"))},this.read=function(){$("float-box-read-tab a").tab("show"),e($("float-box-read"))},this.update=function(){$("float-box-update-tab a").tab("show"),e($("float-box-update"))}}]).service("draggable",[function(){this.initialize=function(t){t.draggable_on=function(){$("#float-box").draggable("enable"),t.draggable_disabled=!1},t.draggable_off=function(){$("#float-box").draggable("disable"),$("#float-box").css("top","").css("left","").css("right","").css("bottom",""),t.draggable_disabled=!0},t.draggable_disabled=!0,$("#float-box").draggable().draggable("disable")}}]).service("scroll",["$timeout","title",function(t,a){this.initialize=function(){var i=0,o=!0;$(".float-box-container").scroll(function(e){var n=$(this).scrollTop();n>i?this.scrollTop>0&&o&&!$(".float-box-container").hasClass("smaller")&&($(".float-box-container").addClass("smaller"),o=!1,t(function(){o=!0},500)):this.scrollTop<=0&&o&&($(".float-box-container").removeClass("smaller"),a.adjust($("float-box-title:visible")),o=!0),i=n})}}]).service("title",[function(){this.max_font_size=40,this.adjust=function(t){var a=t.find(".float-box-title-text");a.addClass("notransition");var i=40;for(a.css("font-size",i+"px");t.width()<a.width()&&20!=i;)i-=5,a.css("font-size",i+"px");return a.removeClass("notransition"),t.width()<a.width()}}]).service("limit",[function(){this.adjust=function(t,i){var o=a.copy(t);return t&&t.length>=i&&(o=o.substring(0,i-1)+".."),o}}]).directive("floatBoxTitle",["$timeout","title","limit",function(t,i,o){return{restrict:"E",template:'<div class="float-box-title-text">{{text}}</div>',scope:{text:"=",limit:"="},link:function(t,o,e){t.$watch(function(){return a.element(o).is(":visible")},function(){i.adjust(o)}),t.$watch("text",function(t,a,e){i.adjust(o)})}}}]).directive("floatBoxLimit",[function(){return{restrict:"E",template:"{{display}}",scope:{text:"=",limit:"="},link:function(t,i,o){t.$watch("text",function(i,o,e){t.display=a.copy(t.text),t.text&&t.text.length>=t.limit&&(t.display=t.display.substring(0,t.limit-1)+"..")})}}}]).directive("floatBoxSearchBar",[function(){return{restrict:"E",template:'<span class="input-group-btn"><button class="btn btn-info btn-sm" type="submit"><i type="text" class="fa fa-search"></i></button></span><input type="text" class="form-control input-sm" placeholder="{{placeholder}}" ng-model="model" autofocus>',scope:{model:"=",placeholder:"="}}}]).directive("floatBoxCreateTab",[function(){return{template:'<a data-toggle="tab" data-target="float-box-create"></a>'}}]).directive("floatBoxReadTab",[function(){return{template:'<a data-toggle="tab" data-target="float-box-read"></a>'}}]).directive("floatBoxUpdateTab",[function(){return{template:'<a data-toggle="tab" data-target="float-box-update"></a>'}}])}(window,window.angular);

data/vendor/assets/stylesheets/angular-float-box.css.scss

@@ -206,7 +206,7 @@
   height: 30px;
 }
 .float-box-container .float-box-title-space{
-  @include transition(.5s);
+  // @include transition(.5s); // We don't have transitions here because we need to evaluate the size of the full font title.
   height: 57px; // The height is set to one line of 40px font-size, so the float-box-title doesn't change height.
 }
 .float-box-container.smaller .float-box-title-space{
@@ -217,13 +217,11 @@
   height: 65px; // The height is set to one line of 40px font-size, so the float-box-title doesn't change height.
 }
 .float-box-container.smaller .float-box-actions-space{
-  // height: 58px;
   height: 50px;
 }
 .float-box-container .float-box-links-space{
   @include transition(.5s);
   height: 40px;
-  // height: 39px;
 }
 .float-box-container .float-box-tabs-space{
   @include transition(.5s);
@@ -232,13 +230,13 @@
 
 // ====== float-box-title  ======
 .float-box-container .float-box-head float-box-title {
-  // We don't have transitions here because when smaller class is removed because we need to evaluate the size of the full font title.
+  // @include transition(.5s); // We don't have transitions here because we need to evaluate the size of the full font title.
   display: block;
   text-align: center;
   height: 57px;
 }
 .float-box-container .float-box-head float-box-title .float-box-title-text {
-  // We don't have transitions here because when smaller class is removed because we need to evaluate the size of the full font title.
+  // @include transition(.5s); // We don't have transitions here because we need to evaluate the size of the full font title.
   white-space: nowrap;
   display: inline-block;
 }
@@ -375,7 +373,6 @@
   }
   .float-box-new-btn {
     float: right;
-    // margin-top: 20px;
     pointer-events: auto; // Since we removed the pointer-events from parent, we need this to allow the scroll to be clicked on.
   }
 }

data/vendor/assets/stylesheets/angular-float-box.min.css

@@ -1,2 +1,2 @@
-#float-box{overflow-y:scroll;overflow-x:hidden;z-index:10;margin-top:30px;position:relative;background-color:white;border-radius:6px;border:1px solid rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2)}@media (max-width: 1200px){#float-box{position:fixed;right:30px}}@media (max-width: 767px){#float-box{margin-top:0;width:100% !important;top:0;right:0;border-radius:0}}@media (max-width: 767px){#float-box.float-box-init-hidden-mobile{display:none}}#float-box #float-box-tabs{display:none}#float-box #float-box-positioner{border-bottom:1px solid rgba(0,0,0,0.2);padding:4px 10px;padding:2px 10px;padding:0 6px;padding:1px 8px;background-color:#eeeeee;text-align:right;height:22px;cursor:pointer;cursor:-webkit-grab;cursor:-moz-grab}@media (max-width: 767px){#float-box #float-box-positioner{display:none}}#float-box #float-box-positioner:active{cursor:-webkit-grabbing;cursor:-moz-grabbing}#float-box #float-box-positioner .float-box-positioner-btn{border:1px solid rgba(0,0,0,0.2);width:18px;height:18px;font-size:11px;line-height:0.1;padding:3px 1px 0 0;margin-bottom:5px;border-radius:30px;text-align:center}.fa-location:before{content:"\f124"}.float-box-container{overflow-y:scroll;overflow-x:hidden}.float-box-container .float-box-head{z-index:20;position:absolute;background-color:white;left:0;width:100%}@media (max-width: 767px){.float-box-container .float-box-head{position:fixed}}@media (max-width: 767px){.float-box-container .float-box-head{top:0}}.float-box-container .float-box-head .float-box-links{width:100%;padding:6px 15px;font-size:20px;height:40px}.float-box-container .float-box-head .float-box-links a{text-decoration:none}.float-box-container .float-box-head .float-box-links .float-box-grey-link{color:grey;cursor:default}.float-box-container .float-box-head .float-box-image{text-align:center}.float-box-container .float-box-head .float-box-image img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:80px;height:80px}.float-box-container.smaller .float-box-head .float-box-image img{width:30px;height:30px}.float-box-container .float-box-head .float-box-images{text-align:left}.float-box-container .float-box-head .float-box-images img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:55px}.float-box-container.smaller .float-box-head .float-box-images img{height:45px}.float-box-container .float-box-head .float-box-image-and-title{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:75px;display:block;font-size:25px;text-align:left;line-height:55px;padding:10px 15px;font-size:35px}.float-box-container .float-box-head .float-box-image-and-title img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:55px}.float-box-container.smaller .float-box-head .float-box-image-and-title{height:60px;font-size:20px;line-height:40px}.float-box-container.smaller .float-box-head .float-box-image-and-title img{height:40px}.float-box-container .float-box-image-and-title-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:75px}.float-box-container.smaller .float-box-image-and-title-space{height:60px}.float-box-container .float-box-image-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:80px}.float-box-container.smaller .float-box-image-space{height:30px}.float-box-container .float-box-title-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:57px}.float-box-container.smaller .float-box-title-space{height:28px}.float-box-container .float-box-actions-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:65px}.float-box-container.smaller .float-box-actions-space{height:50px}.float-box-container .float-box-links-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:40px}.float-box-container .float-box-tabs-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:39px}.float-box-container .float-box-head float-box-title{display:block;text-align:center;height:57px}.float-box-container .float-box-head float-box-title .float-box-title-text{white-space:nowrap;display:inline-block}.float-box-container.smaller .float-box-head float-box-title{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:28px}.float-box-container.smaller .float-box-head float-box-title .float-box-title-text{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;font-size:20px !important}.float-box-container .float-box-head float-box-title .notransition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}.float-box-container .float-box-head .float-box-actions{float:left;width:100%;font-size:12px;padding:4px 10px}.float-box-container.smaller .float-box-head .float-box-actions{font-size:10px;padding:3px 10px}.float-box-container .float-box-head .float-box-actions .btn{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:40px;height:40px;padding:7px 9px;font-size:20px;line-height:1.33;border-radius:25px}.float-box-container .float-box-head .float-box-actions p{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.float-box-container.smaller .float-box-head .float-box-actions .btn{width:30px;height:30px;padding:4px 8px;font-size:12px}.float-box-container .float-box-head .float-box-actions .float-box-actions-container{margin:0;list-style:none;display:flex;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-flow:row wrap;justify-content:space-around;justify-content:center}.float-box-container .float-box-head .float-box-actions .float-box-actions-container .float-box-action{text-align:center;padding:0 10px}.float-box-container .float-box-head .float-box-actions .float-box-actions-container .float-box-action a{text-decoration:none}.float-box-container .float-box-tabs{float:left;width:100%;font-size:12px;padding:0 15px}.float-box-container .float-box-tabs a{padding:10px 10px}.float-box-container .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.float-box-container float-box-read .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:290px}@media (min-width: 767px){.float-box-container float-box-read .float-box-head-space{height:293px}}.float-box-container.smaller float-box-read .float-box-head-space{height:195px}@media (min-width: 767px){.float-box-container.smaller float-box-read .float-box-head-space{height:198px}}.float-box-container float-box-create .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:170px}.float-box-container.smaller float-box-create .float-box-head-space{height:130px}.float-box-container float-box-update .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:170px}.float-box-container.smaller float-box-update .float-box-head-space{height:130px}.float-box-index-tab .float-box-index-tab-head{z-index:20;position:absolute;background-color:white;width:100%;padding:10px 15px;pointer-events:none}@media (max-width: 767px){.float-box-index-tab .float-box-index-tab-head{position:fixed}}.float-box-index-tab .float-box-index-tab-head float-box-search-bar{float:left;margin-right:10px;width:220px;pointer-events:auto}@media (max-width: 767px){.float-box-index-tab .float-box-index-tab-head float-box-search-bar{width:160px}}.float-box-index-tab .float-box-index-tab-head .float-box-new-btn{float:right;pointer-events:auto}.float-box-container .float-box-body .float-box-index-tab .float-box-index-table-head{z-index:20;position:absolute;background-color:white;width:100%;padding:0 15px;pointer-events:none}@media (max-width: 767px){.float-box-container .float-box-body .float-box-index-tab .float-box-index-table-head{position:fixed}}.float-box-container .float-box-body .float-box-index-tab .float-box-index-table-head .float-box-clickable{pointer-events:auto}.float-box-container .float-box-body .float-box-index-tab .float-box-index-table{padding:0 15px}.float-box-index-tab .float-box-index-row .float-box-img{float:left;width:40px;height:40px;margin-right:10px}.float-box-index-tab .float-box-index-row .img-small{width:30px;height:30px}.float-box-index-tab .float-box-index-row h4{margin-bottom:0}.float-box-index-tab .float-box-index-row h6{margin-top:0}.float-box-container .float-box-body .float-box-info-tab .float-box-info-row{border-bottom:1px solid lightgrey;padding:5px 15px;font-size:18px}.float-box-container .float-box-body .float-box-info-tab .float-box-info-row h3{margin-bottom:0}.float-box-index-tab-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:50px}.float-box-container .float-box-index-table-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:32px}.float-box-container .float-box-small-head img{width:50px;height:50px}.float-box-container .float-box-small-head .btn{width:30px;height:30px;padding:4px 8px;font-size:12px;line-height:1.33;border-radius:25px}.float-box-container .float-box-small-head p{font-size:10px}
+#float-box{overflow-y:scroll;overflow-x:hidden;z-index:10;margin-top:30px;position:relative;background-color:white;border-radius:6px;border:1px solid rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2)}@media (max-width: 1200px){#float-box{position:fixed;right:30px}}@media (max-width: 767px){#float-box{margin-top:0;width:100% !important;top:0;right:0;border-radius:0}}@media (max-width: 767px){#float-box.float-box-init-hidden-mobile{display:none}}#float-box #float-box-tabs{display:none}#float-box #float-box-positioner{border-bottom:1px solid rgba(0,0,0,0.2);padding:4px 10px;padding:2px 10px;padding:0 6px;padding:1px 8px;background-color:#eeeeee;text-align:right;height:22px;cursor:pointer;cursor:-webkit-grab;cursor:-moz-grab}@media (max-width: 767px){#float-box #float-box-positioner{display:none}}#float-box #float-box-positioner:active{cursor:-webkit-grabbing;cursor:-moz-grabbing}#float-box #float-box-positioner .float-box-positioner-btn{border:1px solid rgba(0,0,0,0.2);width:18px;height:18px;font-size:11px;line-height:0.1;padding:3px 1px 0 0;margin-bottom:5px;border-radius:30px;text-align:center}.fa-location:before{content:"\f124"}.float-box-container{overflow-y:scroll;overflow-x:hidden}.float-box-container .float-box-head{z-index:20;position:absolute;background-color:white;left:0;width:100%}@media (max-width: 767px){.float-box-container .float-box-head{position:fixed}}@media (max-width: 767px){.float-box-container .float-box-head{top:0}}.float-box-container .float-box-head .float-box-links{width:100%;padding:6px 15px;font-size:20px;height:40px}.float-box-container .float-box-head .float-box-links a{text-decoration:none}.float-box-container .float-box-head .float-box-links .float-box-grey-link{color:grey;cursor:default}.float-box-container .float-box-head .float-box-image{text-align:center}.float-box-container .float-box-head .float-box-image img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:80px;height:80px}.float-box-container.smaller .float-box-head .float-box-image img{width:30px;height:30px}.float-box-container .float-box-head .float-box-images{text-align:left}.float-box-container .float-box-head .float-box-images img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:55px}.float-box-container.smaller .float-box-head .float-box-images img{height:45px}.float-box-container .float-box-head .float-box-image-and-title{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:75px;display:block;font-size:25px;text-align:left;line-height:55px;padding:10px 15px;font-size:35px}.float-box-container .float-box-head .float-box-image-and-title img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:55px}.float-box-container.smaller .float-box-head .float-box-image-and-title{height:60px;font-size:20px;line-height:40px}.float-box-container.smaller .float-box-head .float-box-image-and-title img{height:40px}.float-box-container .float-box-image-and-title-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:75px}.float-box-container.smaller .float-box-image-and-title-space{height:60px}.float-box-container .float-box-image-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:80px}.float-box-container.smaller .float-box-image-space{height:30px}.float-box-container .float-box-title-space{height:57px}.float-box-container.smaller .float-box-title-space{height:28px}.float-box-container .float-box-actions-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:65px}.float-box-container.smaller .float-box-actions-space{height:50px}.float-box-container .float-box-links-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:40px}.float-box-container .float-box-tabs-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:39px}.float-box-container .float-box-head float-box-title{display:block;text-align:center;height:57px}.float-box-container .float-box-head float-box-title .float-box-title-text{white-space:nowrap;display:inline-block}.float-box-container.smaller .float-box-head float-box-title{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:28px}.float-box-container.smaller .float-box-head float-box-title .float-box-title-text{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;font-size:20px !important}.float-box-container .float-box-head float-box-title .notransition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}.float-box-container .float-box-head .float-box-actions{float:left;width:100%;font-size:12px;padding:4px 10px}.float-box-container.smaller .float-box-head .float-box-actions{font-size:10px;padding:3px 10px}.float-box-container .float-box-head .float-box-actions .btn{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:40px;height:40px;padding:7px 9px;font-size:20px;line-height:1.33;border-radius:25px}.float-box-container .float-box-head .float-box-actions p{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.float-box-container.smaller .float-box-head .float-box-actions .btn{width:30px;height:30px;padding:4px 8px;font-size:12px}.float-box-container .float-box-head .float-box-actions .float-box-actions-container{margin:0;list-style:none;display:flex;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-flow:row wrap;justify-content:space-around;justify-content:center}.float-box-container .float-box-head .float-box-actions .float-box-actions-container .float-box-action{text-align:center;padding:0 10px}.float-box-container .float-box-head .float-box-actions .float-box-actions-container .float-box-action a{text-decoration:none}.float-box-container .float-box-tabs{float:left;width:100%;font-size:12px;padding:0 15px}.float-box-container .float-box-tabs a{padding:10px 10px}.float-box-container .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.float-box-container float-box-read .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:290px}@media (min-width: 767px){.float-box-container float-box-read .float-box-head-space{height:293px}}.float-box-container.smaller float-box-read .float-box-head-space{height:195px}@media (min-width: 767px){.float-box-container.smaller float-box-read .float-box-head-space{height:198px}}.float-box-container float-box-create .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:170px}.float-box-container.smaller float-box-create .float-box-head-space{height:130px}.float-box-container float-box-update .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:170px}.float-box-container.smaller float-box-update .float-box-head-space{height:130px}.float-box-index-tab .float-box-index-tab-head{z-index:20;position:absolute;background-color:white;width:100%;padding:10px 15px;pointer-events:none}@media (max-width: 767px){.float-box-index-tab .float-box-index-tab-head{position:fixed}}.float-box-index-tab .float-box-index-tab-head float-box-search-bar{float:left;margin-right:10px;width:220px;pointer-events:auto}@media (max-width: 767px){.float-box-index-tab .float-box-index-tab-head float-box-search-bar{width:160px}}.float-box-index-tab .float-box-index-tab-head .float-box-new-btn{float:right;pointer-events:auto}.float-box-container .float-box-body .float-box-index-tab .float-box-index-table-head{z-index:20;position:absolute;background-color:white;width:100%;padding:0 15px;pointer-events:none}@media (max-width: 767px){.float-box-container .float-box-body .float-box-index-tab .float-box-index-table-head{position:fixed}}.float-box-container .float-box-body .float-box-index-tab .float-box-index-table-head .float-box-clickable{pointer-events:auto}.float-box-container .float-box-body .float-box-index-tab .float-box-index-table{padding:0 15px}.float-box-index-tab .float-box-index-row .float-box-img{float:left;width:40px;height:40px;margin-right:10px}.float-box-index-tab .float-box-index-row .img-small{width:30px;height:30px}.float-box-index-tab .float-box-index-row h4{margin-bottom:0}.float-box-index-tab .float-box-index-row h6{margin-top:0}.float-box-container .float-box-body .float-box-info-tab .float-box-info-row{border-bottom:1px solid lightgrey;padding:5px 15px;font-size:18px}.float-box-container .float-box-body .float-box-info-tab .float-box-info-row h3{margin-bottom:0}.float-box-index-tab-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:50px}.float-box-container .float-box-index-table-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:32px}.float-box-container .float-box-small-head img{width:50px;height:50px}.float-box-container .float-box-small-head .btn{width:30px;height:30px;padding:4px 8px;font-size:12px;line-height:1.33;border-radius:25px}.float-box-container .float-box-small-head p{font-size:10px}
 /*# sourceMappingURL=angular-float-box.min.css.map */

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: angular-float-box
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - Alexander Mcritchie
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-07-25 00:00:00.000000000 Z
+date: 2017-08-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler