angular-float-box 0.1.1 → 0.1.2
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 +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
|
-
}
|