angular-float-box 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 1b0f200a8dfb1d00e4c6ece4751b4da7e8d73cfe
4
- data.tar.gz: ad5ddd59c7f9fab1e3ea41e77a655f6d9af3fedc
3
+ metadata.gz: 3b4d96682242569b7010c645fd9a408d1ea4ce79
4
+ data.tar.gz: a5888d7f21a2c48cdd27bcfbbca3386dea50f0e8
5
5
  SHA512:
6
- metadata.gz: e7edd3ecbfb7a01ad3efac00d6d20ead532067ce2c9fc01dd5a3a8279b94c4058e4573f82d4f7a6be26a8d652363bdd8f6430fa6de1662214eb99d1d2a26d4fe
7
- data.tar.gz: 03896ccdcb18c2157232af081abbc35d46009f6bf2e0fe39188b9089fb79b8d4fc1f55b0fe109d195c999fef72035342d3858d79c095754a7a40ba65da90b9fe
6
+ metadata.gz: 6ae11e2e7820fe76aac3d42cdb9f0a203064c266fb3f37a78a4d7c43ea0ceeca857b9515dcd549110ae0282f2c9eb3aaddf71656f3625b9187c0ec98bc0b02c9
7
+ data.tar.gz: affe5b551669afe9b1cb5cdb90564cb36e70a82f03deb7815ed077fd68d01739c4d167fd208480a3a6a618a78dbfb4238f132f410b62e4dd89235a8265a9a0af
@@ -1,3 +1,3 @@
1
1
  module AngularFloatBox
2
- VERSION = "0.1.3"
2
+ VERSION = "0.1.4"
3
3
  end
@@ -92,7 +92,7 @@
92
92
  function($timeout, title) {
93
93
  this.initialize = function() {
94
94
  // How many pixels needed for scroll to shrink.
95
- var shrink_treshold = 10;
95
+ var shrink_treshold = 0;
96
96
  // Variable needed to check direction of scroll.
97
97
  var last_scroll_top = 0;
98
98
  // Boolean to mark if a shrink is still in process or not.
@@ -109,6 +109,7 @@
109
109
  if (animation_complete && !$('.float-box-container').hasClass("smaller")) {
110
110
  $('.float-box-container').addClass("smaller");
111
111
  animation_complete = false
112
+ // Wait for animation of shrinking to be complete
112
113
  $timeout(function(){ animation_complete = true }, 500);
113
114
  }
114
115
  }
@@ -120,8 +121,8 @@
120
121
  $('.float-box-container').removeClass("smaller");
121
122
  // Adjust title when smaller class is removed.
122
123
  title.adjust($('float-box-title:visible'))
123
- animation_complete = false
124
- $timeout(function(){ animation_complete = true; }, 500);
124
+ // Removing smaller has less of an animation so the animation complete is instant.
125
+ animation_complete = true
125
126
  }
126
127
  }
127
128
  }
@@ -150,16 +151,32 @@
150
151
  }
151
152
  // Turn on css transitions now that font-size is updated.
152
153
  $text.removeClass('notransition')
154
+
155
+ return ($title.width() < $text.width());
156
+ }
157
+ }])
158
+ .service('limit', [function() {
159
+ // Adjust font-size of title based on size of text.
160
+ this.adjust = function($text, limit) {
161
+ // Duplicate the text that will be limited as the variable display.
162
+ var display = angular.copy($text)
163
+ // Check if the limited text is longer than the limit.
164
+ if ($text && $text.length >= limit) {
165
+ // If the limited text is longer than the limit, truncate the display.
166
+ display = display.substring(0,limit - 1) + '..'
167
+ }
168
+ return display;
153
169
  }
154
170
  }])
155
171
  // Float Box Title.
156
- .directive('floatBoxTitle', ['title', function (title ) {
172
+ .directive('floatBoxTitle', ['$timeout', 'title', 'limit', function ($timeout, title, limit) {
157
173
  "use strict";
158
174
  return {
159
175
  restrict: 'E',
160
176
  template: '<div class="float-box-title-text">{{text}}</div>',
161
177
  scope: {
162
- text: '='
178
+ text: '=',
179
+ limit: '='
163
180
  },
164
181
  link: function($scope, $title, iAttrs) {
165
182
  // Watch for float-box-title element appearing.
@@ -1 +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);
1
+ !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);
@@ -206,7 +206,7 @@
206
206
  height: 30px;
207
207
  }
208
208
  .float-box-container .float-box-title-space{
209
- @include transition(.5s);
209
+ // @include transition(.5s); // We don't have transitions here because we need to evaluate the size of the full font title.
210
210
  height: 57px; // The height is set to one line of 40px font-size, so the float-box-title doesn't change height.
211
211
  }
212
212
  .float-box-container.smaller .float-box-title-space{
@@ -217,13 +217,11 @@
217
217
  height: 65px; // The height is set to one line of 40px font-size, so the float-box-title doesn't change height.
218
218
  }
219
219
  .float-box-container.smaller .float-box-actions-space{
220
- // height: 58px;
221
220
  height: 50px;
222
221
  }
223
222
  .float-box-container .float-box-links-space{
224
223
  @include transition(.5s);
225
224
  height: 40px;
226
- // height: 39px;
227
225
  }
228
226
  .float-box-container .float-box-tabs-space{
229
227
  @include transition(.5s);
@@ -232,13 +230,13 @@
232
230
 
233
231
  // ====== float-box-title ======
234
232
  .float-box-container .float-box-head float-box-title {
235
- // We don't have transitions here because when smaller class is removed because we need to evaluate the size of the full font title.
233
+ // @include transition(.5s); // We don't have transitions here because we need to evaluate the size of the full font title.
236
234
  display: block;
237
235
  text-align: center;
238
236
  height: 57px;
239
237
  }
240
238
  .float-box-container .float-box-head float-box-title .float-box-title-text {
241
- // We don't have transitions here because when smaller class is removed because we need to evaluate the size of the full font title.
239
+ // @include transition(.5s); // We don't have transitions here because we need to evaluate the size of the full font title.
242
240
  white-space: nowrap;
243
241
  display: inline-block;
244
242
  }
@@ -375,7 +373,6 @@
375
373
  }
376
374
  .float-box-new-btn {
377
375
  float: right;
378
- // margin-top: 20px;
379
376
  pointer-events: auto; // Since we removed the pointer-events from parent, we need this to allow the scroll to be clicked on.
380
377
  }
381
378
  }
@@ -1,2 +1,2 @@
1
- #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}
1
+ #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}
2
2
  /*# sourceMappingURL=angular-float-box.min.css.map */
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: angular-float-box
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Alexander Mcritchie
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-07-25 00:00:00.000000000 Z
11
+ date: 2017-08-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler