angular-float-box 0.1.1 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.sass-cache/57b3601a17f3b68a34229d713831e0d6fc4b15a6/angular-float-box.css.scssc +0 -0
- data/lib/angular-float-box/version.rb +1 -1
- data/vendor/assets/javascripts/angular-float-box.js +72 -22
- data/vendor/assets/javascripts/angular-float-box.min.js +1 -16
- data/vendor/assets/stylesheets/angular-float-box.css.scss +77 -50
- data/vendor/assets/stylesheets/angular-float-box.min.css +1 -1
- metadata +2 -3
- data/vendor/assets/stylesheets/angular-float-box.min.css.map +0 -7
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6cdd595b7b7184980c677ef98f60995a48398c74
|
|
4
|
+
data.tar.gz: 29d0cb42e1e568860d7c7311af6634747ba051b6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3441a046905176306da58f9e175e601121c19b1f6905d15f75002da3ff4e7479fd3abb4d590abe403550524493186eb453a98b65437d40be3e0dd73f0d2efb87
|
|
7
|
+
data.tar.gz: 0ca5193ecb7ae3cebc9be7b6973ce33ffa50539b6d7212e8b4ee9944d5af786acacfcf15a8a9102fc32e120f08047051da384214903e31e6aa59036415908bd7
|
|
Binary file
|
|
@@ -15,10 +15,13 @@
|
|
|
15
15
|
.service('floatBox', ['$timeout',
|
|
16
16
|
function($timeout) {
|
|
17
17
|
|
|
18
|
+
var direction = 'right'
|
|
19
|
+
|
|
18
20
|
// Call floatBox.initializes in the controller to create listeners for scrolling and dragging float-box
|
|
19
|
-
this.initialize = function($scope) {
|
|
21
|
+
this.initialize = function($scope, slide_direction) {
|
|
20
22
|
initialize_scroll($scope)
|
|
21
23
|
initialize_draggable($scope)
|
|
24
|
+
direction = slide_direction;
|
|
22
25
|
}
|
|
23
26
|
|
|
24
27
|
// Initializes float-box's scroll listener.
|
|
@@ -76,23 +79,6 @@
|
|
|
76
79
|
$('#float-box').draggable().draggable('disable');
|
|
77
80
|
};
|
|
78
81
|
|
|
79
|
-
// Normalize the font-size of the title so it doesn't take more than one line.
|
|
80
|
-
this.normalize_title = function(){
|
|
81
|
-
// Find float-box-title and it's text.
|
|
82
|
-
var title = $(".float-box-title");
|
|
83
|
-
var title_text = $(".float-box-title-text");
|
|
84
|
-
// Remove js generated font-size.
|
|
85
|
-
title_text.css("font-size", "")
|
|
86
|
-
// Let DOM load so the title_text is fully rendered
|
|
87
|
-
$timeout(function() {
|
|
88
|
-
// If title text is larger than the width of the title div, lower the font-size.
|
|
89
|
-
if ((title_text.width() > title.width())) {
|
|
90
|
-
// Set the font-size to the .smaller font-size
|
|
91
|
-
title_text.css("font-size", 20)
|
|
92
|
-
}
|
|
93
|
-
})
|
|
94
|
-
}
|
|
95
|
-
|
|
96
82
|
// Show float-box
|
|
97
83
|
this.show = function() {
|
|
98
84
|
$( "#float-box" ).show()
|
|
@@ -105,6 +91,12 @@
|
|
|
105
91
|
this.slide_in = function(direction) {
|
|
106
92
|
$( "#float-box" ).show( "drop", {direction: direction})
|
|
107
93
|
}
|
|
94
|
+
// Show float-box via slide in from the direction specified.
|
|
95
|
+
function slide_in(slide_direction) {
|
|
96
|
+
direction = slide_direction || direction
|
|
97
|
+
$( "#float-box" ).show( "drop", {direction: direction})
|
|
98
|
+
}
|
|
99
|
+
this.slide_in = slide_in;
|
|
108
100
|
// Hide float-box via slide in from the direction specified.
|
|
109
101
|
this.slide_out = function(direction) {
|
|
110
102
|
if ($(window).width() < 768) {
|
|
@@ -115,21 +107,79 @@
|
|
|
115
107
|
// Display float-box-create tab.
|
|
116
108
|
this.create = function() {
|
|
117
109
|
// Show float-box-create-tab if not already shown.
|
|
118
|
-
$('#float-box-create-tab').tab('show')
|
|
110
|
+
$('#float-box-create-tab').tab('show');
|
|
111
|
+
// Reset defaults and show if needed.
|
|
112
|
+
new_float_box_instance($('float-box-create'));
|
|
119
113
|
}
|
|
120
114
|
|
|
121
115
|
// Display float-box-read tab.
|
|
122
116
|
this.read = function() {
|
|
123
117
|
// Show float-box-read-tab if not already shown.
|
|
124
|
-
$('#float-box-read-tab').tab('show')
|
|
125
|
-
//
|
|
126
|
-
$('
|
|
118
|
+
$('#float-box-read-tab').tab('show');
|
|
119
|
+
// Reset defaults and show if needed.
|
|
120
|
+
new_float_box_instance($('float-box-read'));
|
|
127
121
|
}
|
|
128
122
|
|
|
129
123
|
// Display float-box-update tab.
|
|
130
124
|
this.update = function() {
|
|
131
125
|
// Show float-box-update-tab if not already shown.
|
|
132
126
|
$('#float-box-update-tab').tab('show')
|
|
127
|
+
// Reset defaults and show if needed.
|
|
128
|
+
new_float_box_instance($('float-box-update'))
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
// function refresh_float_box($action_tab) {
|
|
132
|
+
function new_float_box_instance($action_tab) {
|
|
133
|
+
// Show float-box if needed.
|
|
134
|
+
slide_in(direction)
|
|
135
|
+
// Show default tab.
|
|
136
|
+
$action_tab.find('.float-box-default-tab').tab('show')
|
|
137
|
+
// Focus on default input.
|
|
138
|
+
$action_tab.find('.float-box-default-input').focus()
|
|
139
|
+
}
|
|
140
|
+
}])
|
|
141
|
+
|
|
142
|
+
.directive('floatBoxTitle', ['$window', function ( $window ) {
|
|
143
|
+
"use strict";
|
|
144
|
+
return {
|
|
145
|
+
restrict: 'E',
|
|
146
|
+
template: '<div class="float-box-title-text">{{text}}</div>',
|
|
147
|
+
scope: {text: '='},
|
|
148
|
+
link: function($scope, $title, iAttrs) {
|
|
149
|
+
$scope.$watch('text', function(a,b,c) {
|
|
150
|
+
var $text = $title.find('.float-box-title-text');
|
|
151
|
+
// Turn off css transitions so while loop doesn't get stuck.
|
|
152
|
+
$text.addClass('notransition')
|
|
153
|
+
// Initialize font-size of title.
|
|
154
|
+
var font_size = 40
|
|
155
|
+
$text.css('font-size', font_size+'px');
|
|
156
|
+
// Lower font-size until $text is thinner than $title or font-size is 20.
|
|
157
|
+
while (($title.width() < $text.width()) && font_size != 20) {
|
|
158
|
+
// Lower font-size by 5 and update font-size of $text.
|
|
159
|
+
font_size -= 5
|
|
160
|
+
$text.css('font-size', font_size+'px');
|
|
161
|
+
}
|
|
162
|
+
// Turn on css transitions now that font-size is updated.
|
|
163
|
+
$text.removeClass('notransition')
|
|
164
|
+
})
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}])
|
|
168
|
+
|
|
169
|
+
.directive('floatBoxSearchBar', ['$window', function ( $window ) {
|
|
170
|
+
"use strict";
|
|
171
|
+
return {
|
|
172
|
+
restrict: 'E',
|
|
173
|
+
template: '<div class="float-box-title-text">{{text}}</div>',
|
|
174
|
+
template:
|
|
175
|
+
'<span class="input-group-btn">' +
|
|
176
|
+
'<button class="btn btn-info btn-sm" type="submit">' +
|
|
177
|
+
'<i type="text" class="fa fa-search"></i>' +
|
|
178
|
+
'</button>' +
|
|
179
|
+
'</span>' +
|
|
180
|
+
'<input type="text" class="form-control input-sm" placeholder="{{placeholder}}" ng-model="model" autofocus>',
|
|
181
|
+
scope: {model: '=', placeholder: '='}
|
|
133
182
|
}
|
|
134
183
|
}]);
|
|
184
|
+
|
|
135
185
|
})(window, window.angular);
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
initialize_draggable($scope)}
|
|
3
|
-
function initialize_scroll($scope){var shrink_treshold=10;var last_scroll_top=0;var animation_complete=!0;$('#float-box-container').scroll(function(event){var scroll_top=$(this).scrollTop();var is_down_scroll=(scroll_top>last_scroll_top)
|
|
4
|
-
if(scroll_top>last_scroll_top){if(this.scrollTop>shrink_treshold){if(animation_complete&&!$('.float-box-head').hasClass("smaller")){$('.float-box-head').addClass("smaller");$('.float-box-space').addClass("smaller");animation_complete=!1
|
|
5
|
-
setTimeout(function(){animation_complete=!0},500)}}}else{if(this.scrollTop<=shrink_treshold){if(animation_complete){$('.float-box-head').removeClass("smaller");$('.float-box-space').removeClass("smaller");animation_complete=!1
|
|
6
|
-
setTimeout(function(){animation_complete=!0},500)}}}
|
|
7
|
-
last_scroll_top=scroll_top})};function initialize_draggable($scope){$scope.draggable_on=function(){$('#float-box').draggable('enable');$scope.draggable_disabled=!1}
|
|
8
|
-
$scope.draggable_off=function(){$('#float-box').draggable('disable');$('#float-box').css('top','').css('left','').css('right','').css('bottom','');$scope.draggable_disabled=!0}
|
|
9
|
-
$scope.draggable_disabled=!0;$('#float-box').draggable().draggable('disable')};this.normalize_title=function(){var title=$(".float-box-title");var title_text=$(".float-box-title-text");title_text.css("font-size","")
|
|
10
|
-
$timeout(function(){if((title_text.width()>title.width())){title_text.css("font-size",20)}})}
|
|
11
|
-
this.slide_in=function(){$("#float-box").show("drop",{direction:'right'})}
|
|
12
|
-
this.slide_out=function(){if($(window).width()<768){$("#float-box").hide("drop",{direction:'right'})}}
|
|
13
|
-
this.create=function(){$('#float-box-create-tab').tab('show')}
|
|
14
|
-
this.read=function(){$('#float-box-read-tab').tab('show')
|
|
15
|
-
$('.float-box-read-default-tab').tab('show')}
|
|
16
|
-
this.update=function(){$('#float-box-update-tab').tab('show')}}])})(window,window.angular)
|
|
1
|
+
!function(t,o,a){"use strict";o.module("angular-float-box",[]).service("floatBox",["$timeout",function(o){function a(t){var o=0,a=!0;$("#float-box-container").scroll(function(t){var e=$(this).scrollTop();e>o?this.scrollTop>10&&a&&!$(".float-box-head").hasClass("smaller")&&($(".float-box-head").addClass("smaller"),$(".float-box-space").addClass("smaller"),a=!1,setTimeout(function(){a=!0},500)):this.scrollTop<=10&&a&&($(".float-box-head").removeClass("smaller"),$(".float-box-space").removeClass("smaller"),a=!1,setTimeout(function(){a=!0},500)),o=e})}function e(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")}function i(t){s=t||s,$("#float-box").show("drop",{direction:s})}function l(t){i(s),t.find(".float-box-default-tab").tab("show"),t.find(".float-box-default-input").focus()}var s="right";this.initialize=function(t,o){a(t),e(t),s=o},this.show=function(){$("#float-box").show()},this.hide=function(){$("#float-box").hide()},this.slide_in=function(t){$("#float-box").show("drop",{direction:t})},this.slide_in=i,this.slide_out=function(o){$(t).width()<768&&$("#float-box").hide("drop",{direction:o})},this.create=function(){$("#float-box-create-tab").tab("show"),l($("float-box-create"))},this.read=function(){$("#float-box-read-tab").tab("show"),l($("float-box-read"))},this.update=function(){$("#float-box-update-tab").tab("show"),l($("float-box-update"))}}]).directive("floatBoxTitle",["$window",function(t){return{restrict:"E",template:'<div class="float-box-title-text">{{text}}</div>',scope:{text:"="},link:function(t,o,a){t.$watch("text",function(t,a,e){var i=o.find(".float-box-title-text");i.addClass("notransition");var l=40;for(i.css("font-size",l+"px");o.width()<i.width()&&20!=l;)l-=5,i.css("font-size",l+"px");i.removeClass("notransition")})}}}]).directive("floatBoxSearchBar",["$window",function(t){return{restrict:"E",template:'<div class="float-box-title-text">{{text}}</div>',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:"="}}}])}(window,window.angular);
|
|
@@ -3,11 +3,28 @@
|
|
|
3
3
|
// Minify SCSS file
|
|
4
4
|
// $ sass --watch vendor/assets/stylesheets/angular-float-box.css.scss:vendor/assets/stylesheets/angular-float-box.min.css --style compressed
|
|
5
5
|
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
// == Mixins
|
|
7
|
+
// Add transisiton for all browsers
|
|
8
|
+
@mixin transition($duration) {
|
|
9
|
+
-webkit-transition: all $duration ease;
|
|
10
|
+
-moz-transition: all $duration ease;
|
|
11
|
+
-o-transition: all $duration ease;
|
|
12
|
+
transition: all $duration ease;
|
|
13
|
+
}
|
|
14
|
+
// Makes element position absolute, but fixed on mobile.
|
|
15
|
+
@mixin float-box-fixed {
|
|
16
|
+
z-index: 20;
|
|
17
|
+
position: absolute;
|
|
18
|
+
background-color: white;
|
|
19
|
+
@media (max-width:767px) {
|
|
20
|
+
position: fixed;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
// Makes element position absolute, but fixed on mobile.
|
|
24
|
+
@mixin float-box-row {
|
|
25
|
+
float: left;
|
|
26
|
+
width: 100%;
|
|
27
|
+
}
|
|
11
28
|
|
|
12
29
|
// == float-box ================================================
|
|
13
30
|
#float-box {
|
|
@@ -32,10 +49,12 @@
|
|
|
32
49
|
}
|
|
33
50
|
// Mobile Sizes - Once in mobile, float-box should fit the whole screen.
|
|
34
51
|
@media (max-width:767px) {
|
|
52
|
+
// margin-top: -5px;
|
|
53
|
+
margin-top: -20px;
|
|
54
|
+
width: 100% !important; // Once in mobile, float-box should fit the whole screen.
|
|
35
55
|
display: none; // Start hidden, if there is a focused record the controller will show the float-box.
|
|
36
|
-
|
|
56
|
+
top: 0; // Position mobile-float-box to top of screen. Height is set in the float-box-container.
|
|
37
57
|
right: 0; // Position mobile-float-box to right of screen to overwrite the float-box 30px margin.
|
|
38
|
-
width: 100% !important; // Once in mobile, float-box should fit the whole screen.
|
|
39
58
|
}
|
|
40
59
|
}
|
|
41
60
|
|
|
@@ -44,7 +63,6 @@
|
|
|
44
63
|
display: none;
|
|
45
64
|
}
|
|
46
65
|
|
|
47
|
-
|
|
48
66
|
// ==== float-box-positioner ==============================
|
|
49
67
|
#float-box #float-box-positioner {
|
|
50
68
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
|
@@ -89,27 +107,6 @@
|
|
|
89
107
|
}
|
|
90
108
|
|
|
91
109
|
// ==== float-box-head ==============================
|
|
92
|
-
// Add transisiton for all browsers
|
|
93
|
-
@mixin transition($duration) {
|
|
94
|
-
-webkit-transition: all $duration ease;
|
|
95
|
-
-moz-transition: all $duration ease;
|
|
96
|
-
-o-transition: all $duration ease;
|
|
97
|
-
transition: all $duration ease;
|
|
98
|
-
}
|
|
99
|
-
// Makes element position absolute, but fixed on mobile.
|
|
100
|
-
@mixin float-box-fixed {
|
|
101
|
-
z-index: 20;
|
|
102
|
-
position: absolute;
|
|
103
|
-
background-color: white;
|
|
104
|
-
@media (max-width:767px) {
|
|
105
|
-
position: fixed;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
// Makes element position absolute, but fixed on mobile.
|
|
109
|
-
@mixin float-box-row {
|
|
110
|
-
float: left;
|
|
111
|
-
width: 100%;
|
|
112
|
-
}
|
|
113
110
|
#float-box .float-box-head {
|
|
114
111
|
@include float-box-fixed;
|
|
115
112
|
left: 0;
|
|
@@ -124,8 +121,8 @@
|
|
|
124
121
|
width: 100%;
|
|
125
122
|
padding: 0 10px;
|
|
126
123
|
font-size: 20px;
|
|
127
|
-
text-decoration: none;
|
|
128
124
|
display: inline-block;
|
|
125
|
+
a { text-decoration: none; }
|
|
129
126
|
}
|
|
130
127
|
// float-box-grey-link
|
|
131
128
|
#float-box .float-box-head .float-box-links .float-box-grey-link {
|
|
@@ -153,18 +150,31 @@
|
|
|
153
150
|
}
|
|
154
151
|
|
|
155
152
|
// ====== float-box-title ======
|
|
156
|
-
#float-box .float-box-head
|
|
153
|
+
#float-box .float-box-head float-box-title {
|
|
157
154
|
@include transition(.5s);
|
|
155
|
+
height: 57px; // The height is set to one line of 40px font-size, so the float-box-title doesn't change height.
|
|
156
|
+
display: block;
|
|
158
157
|
text-align: center;
|
|
159
|
-
font-size: 40px;
|
|
160
158
|
}
|
|
161
|
-
#float-box .float-box-head
|
|
159
|
+
#float-box .float-box-head float-box-title .float-box-title-text {
|
|
160
|
+
@include transition(.5s);
|
|
162
161
|
display: inline;
|
|
163
162
|
white-space: nowrap;
|
|
164
163
|
}
|
|
165
164
|
// condensed
|
|
166
|
-
#float-box .float-box-head.smaller
|
|
167
|
-
|
|
165
|
+
#float-box .float-box-head.smaller float-box-title {
|
|
166
|
+
@include transition(.5s);
|
|
167
|
+
height: 28px; // Adjust height of float-box-title when in small.
|
|
168
|
+
}
|
|
169
|
+
#float-box .float-box-head.smaller float-box-title .float-box-title-text {
|
|
170
|
+
font-size: 20px !important;
|
|
171
|
+
}
|
|
172
|
+
// Transitions need to be turned off when adjusting font-size
|
|
173
|
+
#float-box .float-box-head float-box-title .notransition {
|
|
174
|
+
-webkit-transition: none !important;
|
|
175
|
+
-moz-transition: none !important;
|
|
176
|
+
-o-transition: none !important;
|
|
177
|
+
transition: none !important;
|
|
168
178
|
}
|
|
169
179
|
|
|
170
180
|
// ====== float-box-actions ======
|
|
@@ -211,7 +221,7 @@
|
|
|
211
221
|
}
|
|
212
222
|
#float-box .float-box-head .float-box-actions .float-box-actions-container .float-box-action{
|
|
213
223
|
text-align: center;
|
|
214
|
-
padding: 10px
|
|
224
|
+
padding: 2px 10px
|
|
215
225
|
}
|
|
216
226
|
#float-box .float-box-head .float-box-actions .float-box-actions-container .float-box-action a{
|
|
217
227
|
text-decoration: none;
|
|
@@ -228,24 +238,35 @@ f
|
|
|
228
238
|
@include transition(.5s);
|
|
229
239
|
}
|
|
230
240
|
// Float box head space. This is needed because the head is fixed and there are elements under the head.
|
|
231
|
-
#float-box
|
|
232
|
-
|
|
233
|
-
|
|
241
|
+
#float-box float-box-read .float-box-head-space{
|
|
242
|
+
@include transition(.5s);
|
|
243
|
+
// height: 275px;
|
|
244
|
+
height: 290px;
|
|
245
|
+
@media (min-width:767px) { height: 293px; } // Non Mobile Sizes - Once in mobile, float-box should fit the whole screen.
|
|
234
246
|
}
|
|
235
247
|
// condensed
|
|
236
|
-
#float-box
|
|
237
|
-
height:
|
|
238
|
-
|
|
248
|
+
#float-box float-box-read .float-box-head-space.smaller{
|
|
249
|
+
// height: 180px;
|
|
250
|
+
height: 195px;
|
|
251
|
+
@media (min-width:767px) { height: 198px; } // Non Mobile Sizes - Once in mobile, float-box should fit the whole screen.
|
|
239
252
|
}
|
|
240
253
|
// Float box head space. This is needed because the head is fixed and there are elements under the head.
|
|
241
|
-
#float-box
|
|
242
|
-
|
|
243
|
-
|
|
254
|
+
#float-box float-box-create .float-box-head-space{
|
|
255
|
+
@include transition(.5s);
|
|
256
|
+
height: 170px;
|
|
257
|
+
}
|
|
258
|
+
// condensed
|
|
259
|
+
#float-box float-box-create .float-box-head-space.smaller{
|
|
260
|
+
height: 130px;
|
|
261
|
+
}
|
|
262
|
+
// Float box head space. This is needed because the head is fixed and there are elements under the head.
|
|
263
|
+
#float-box float-box-update .float-box-head-space{
|
|
264
|
+
@include transition(.5s);
|
|
265
|
+
height: 170px;
|
|
244
266
|
}
|
|
245
267
|
// condensed
|
|
246
|
-
#float-box
|
|
247
|
-
height:
|
|
248
|
-
@media (min-width:767px) { height: 100px; } // Non Mobile Sizes - Once in mobile, float-box should fit the whole screen.
|
|
268
|
+
#float-box float-box-update .float-box-head-space.smaller{
|
|
269
|
+
height: 130px;
|
|
249
270
|
}
|
|
250
271
|
|
|
251
272
|
// ==== float-box-body ==============================
|
|
@@ -255,7 +276,11 @@ f
|
|
|
255
276
|
width: 100%;
|
|
256
277
|
padding: 0 15px;
|
|
257
278
|
pointer-events: none; // This allows a user to scroll the body of the float-box even though this element is fixed.
|
|
258
|
-
|
|
279
|
+
float-box-search-bar {
|
|
280
|
+
// margin-top-20 margin-right-10
|
|
281
|
+
float: left;
|
|
282
|
+
margin-top: 20px;
|
|
283
|
+
margin-right: 10px;
|
|
259
284
|
width: 220px;
|
|
260
285
|
pointer-events: auto; // Since we removed the pointer-events from parent, we need this to allow the scroll to be clicked on.
|
|
261
286
|
// Mobile Sizes - Once in mobile, float-box should fit the whole screen.
|
|
@@ -264,6 +289,8 @@ f
|
|
|
264
289
|
}
|
|
265
290
|
}
|
|
266
291
|
.float-box-new-btn {
|
|
292
|
+
float: right;
|
|
293
|
+
margin-top: 20px;
|
|
267
294
|
pointer-events: auto; // Since we removed the pointer-events from parent, we need this to allow the scroll to be clicked on.
|
|
268
295
|
}
|
|
269
296
|
}
|
|
@@ -310,7 +337,7 @@ f
|
|
|
310
337
|
// Index Tab Head | Space
|
|
311
338
|
#float-box .float-box-index-tab-head-space{
|
|
312
339
|
@include transition(.5s);
|
|
313
|
-
height:
|
|
340
|
+
height: 50px;
|
|
314
341
|
}
|
|
315
342
|
// Space needed for head of an index tab in the float box.
|
|
316
343
|
#float-box .float-box-index-table-head-space{
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
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:-20px;width:100% !important;display:none;top:0;right:0}}#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}#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 #float-box-container{overflow-y:scroll;overflow-x:hidden}#float-box .float-box-head{z-index:20;position:absolute;background-color:white;left:0;width:100%;padding-top:10px}@media (max-width: 767px){#float-box .float-box-head{position:fixed}}@media (max-width: 767px){#float-box .float-box-head{top:0}}#float-box .float-box-head .float-box-links{width:100%;padding:0 10px;font-size:20px;display:inline-block}#float-box .float-box-head .float-box-links a{text-decoration:none}#float-box .float-box-head .float-box-links .float-box-grey-link{color:grey;cursor:default}#float-box .float-box-head .float-box-image{text-align:center}#float-box .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 .float-box-head.smaller .float-box-image img{width:30px;height:30px}#float-box .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:57px;display:block;text-align:center}#float-box .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;display:inline;white-space:nowrap}#float-box .float-box-head.smaller 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 .float-box-head.smaller float-box-title .float-box-title-text{font-size:20px !important}#float-box .float-box-head float-box-title .notransition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}#float-box .float-box-head .float-box-actions{float:left;width:100%}#float-box .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 .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 .float-box-head.smaller .float-box-actions .btn{width:30px;height:30px;padding:4px 8px;font-size:12px}#float-box .float-box-head.smaller .float-box-actions p{font-size:10px}#float-box .float-box-head .float-box-actions .float-box-actions-container{margin:0;padding: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 .float-box-head .float-box-actions .float-box-actions-container .float-box-action{text-align:center;padding:2px 10px}#float-box .float-box-head .float-box-actions .float-box-actions-container .float-box-action a{text-decoration:none}#float-box .float-box-head .float-box-tabs{font-size:12px;padding:0 15px}f #float-box .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 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 float-box-read .float-box-head-space{height:293px}}#float-box float-box-read .float-box-head-space.smaller{height:195px}@media (min-width: 767px){#float-box float-box-read .float-box-head-space.smaller{height:198px}}#float-box 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 float-box-create .float-box-head-space.smaller{height:130px}#float-box 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 float-box-update .float-box-head-space.smaller{height:130px}#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head{z-index:20;position:absolute;background-color:white;width:100%;padding:0 15px;pointer-events:none}@media (max-width: 767px){#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head{position:fixed}}#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head float-box-search-bar{float:left;margin-top:20px;margin-right:10px;width:220px;pointer-events:auto}@media (max-width: 767px){#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head float-box-search-bar{width:180px}}#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head .float-box-new-btn{float:right;margin-top:20px;pointer-events:auto}#float-box .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 .float-box-body .float-box-index-tab .float-box-index-table-head{position:fixed}}#float-box .float-box-body .float-box-index-tab .float-box-index-table-head a{color:black;text-decoration:none;pointer-events:auto}#float-box .float-box-body .float-box-index-tab .float-box-index-table{padding:0 15px}#float-box .float-box-body .float-box-index-tab .float-box-index-row img{width:40px;height:40px}#float-box .float-box-body .float-box-index-tab .float-box-index-row h4{margin-bottom:0}#float-box .float-box-body .float-box-index-tab .float-box-index-row h6{margin-top:0}#float-box .float-box-body .float-box-info-tab .float-box-info-row{border-bottom:1px solid lightgrey;padding:5px 15px;font-size:18px}#float-box .float-box-body .float-box-info-tab .float-box-info-row h3{margin-bottom:0}#float-box .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 .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 .float-box-small-head img{width:50px;height:50px}#float-box .float-box-small-head .btn{width:30px;height:30px;padding:4px 8px;font-size:12px;line-height:1.33;border-radius:25px}#float-box .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.
|
|
4
|
+
version: 0.1.2
|
|
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-06-
|
|
11
|
+
date: 2017-06-19 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -78,7 +78,6 @@ files:
|
|
|
78
78
|
- vendor/assets/javascripts/angular-float-box.min.js
|
|
79
79
|
- vendor/assets/stylesheets/angular-float-box.css.scss
|
|
80
80
|
- vendor/assets/stylesheets/angular-float-box.min.css
|
|
81
|
-
- vendor/assets/stylesheets/angular-float-box.min.css.map
|
|
82
81
|
homepage: https://github.com/amcritchie/angular-float-box
|
|
83
82
|
licenses:
|
|
84
83
|
- MIT
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"mappings": "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",
|
|
4
|
-
"sources": ["angular-float-box.css.scss"],
|
|
5
|
-
"names": [],
|
|
6
|
-
"file": "angular-float-box.min.css"
|
|
7
|
-
}
|