sigbit_admin_rails 0.0.4.2 → 0.0.5
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/assets/javascripts/sigbit-admin.js +5 -18
- data/assets/stylesheets/components/_forms.scss +10 -0
- data/assets/stylesheets/components/_header-navbar.scss +5 -13
- data/assets/stylesheets/components/_sidebar.scss +4 -4
- data/assets/stylesheets/components/_toggle-button.scss +122 -0
- data/assets/stylesheets/components/btn-circle.scss +4 -8
- data/assets/stylesheets/components/card.scss +2 -5
- data/assets/stylesheets/components/file-input.scss +7 -6
- data/assets/stylesheets/components/nestable.scss +2 -6
- data/assets/stylesheets/components/page-header.scss +9 -8
- data/assets/stylesheets/components/small-action-btns.scss +1 -3
- data/assets/stylesheets/sigbit-admin.scss +3 -0
- data/assets/stylesheets/style.scss +2 -0
- data/assets/stylesheets/variables.scss +3 -1
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d974c8e24196babeb7c5172f26a26277e9ea7ef2
|
|
4
|
+
data.tar.gz: d1471801c9df9dfecc5f74f8ba1a92748561e83a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 619206c4e03e1ba36b2dc0eea2c9bc114080a0cc6b9530afe2fca2a0a7ff24332b3abe77fb42144fde24d957c3928bed4d6d94fbce5ec98e18cc6ac9fb67ec98
|
|
7
|
+
data.tar.gz: 13c69a5f16febffb84f4d4b7e96e0f06319d8320e539242482d785367bbae77e9712ca3a285f3afac91535e83be41d35ec1e72a0630caf3c8e72d6e807335b78
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
//= require jquery.nestable
|
|
5
|
-
|
|
6
|
-
; (function ($, window, document, undefined) {
|
|
3
|
+
$(document).ready(function() {
|
|
7
4
|
$('.inputfile').each(function () {
|
|
8
5
|
var $input = $(this),
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
$label = $input.next('label'),
|
|
7
|
+
labelVal = $label.html();
|
|
11
8
|
|
|
12
9
|
$input.on('change', function (e) {
|
|
13
10
|
var fileName = '';
|
|
@@ -31,11 +28,6 @@
|
|
|
31
28
|
|
|
32
29
|
|
|
33
30
|
|
|
34
|
-
|
|
35
|
-
})(jQuery, window, document);
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
$(function() {
|
|
39
31
|
// Sidebar toggle
|
|
40
32
|
$("#sidebar-toggle").click(function (e) {
|
|
41
33
|
e.preventDefault();
|
|
@@ -43,14 +35,10 @@ $(function() {
|
|
|
43
35
|
});
|
|
44
36
|
|
|
45
37
|
// Enable Tooltips
|
|
46
|
-
$(
|
|
47
|
-
$('[data-toggle="tooltip"]').tooltip()
|
|
48
|
-
})
|
|
38
|
+
$('[data-toggle="tooltip"]').tooltip()
|
|
49
39
|
|
|
50
40
|
// Enable Popovers
|
|
51
|
-
$(
|
|
52
|
-
$('[data-toggle="popover"]').popover()
|
|
53
|
-
})
|
|
41
|
+
$('[data-toggle="popover"]').popover()
|
|
54
42
|
|
|
55
43
|
// Bootstrap button dropdown inside responsive table not visible because of scroll
|
|
56
44
|
// http://stackoverflow.com/questions/26018756/bootstrap-button-drop-down-inside-responsive-table-not-visible-because-of-scroll
|
|
@@ -58,4 +46,3 @@ $(function() {
|
|
|
58
46
|
.on('hide.bs.dropdown', '.table-responsive', function () { $(this).css("overflow", "auto"); });
|
|
59
47
|
|
|
60
48
|
});
|
|
61
|
-
|
|
@@ -3,17 +3,13 @@
|
|
|
3
3
|
padding: $header-navbar-padding;
|
|
4
4
|
background: $header-navbar-bg;
|
|
5
5
|
border-bottom: 1px solid $header-navbar-border-color;
|
|
6
|
-
-webkit-transform-style: preserve-3d;
|
|
7
|
-
-moz-transform-style: preserve-3d;
|
|
8
|
-
transform-style: preserve-3d;
|
|
9
6
|
font-size: 0.9em;
|
|
7
|
+
color: $header-navbar-color;
|
|
8
|
+
@include transform-style(preserve-3d);
|
|
10
9
|
|
|
11
10
|
// sidebar toggle
|
|
12
11
|
#sidebar-toggle {
|
|
13
|
-
position
|
|
14
|
-
top: 0;
|
|
15
|
-
bottom: -1px;
|
|
16
|
-
left: 0;
|
|
12
|
+
@include position(absolute, 0 null -1px 0);
|
|
17
13
|
padding: 0 $spacer;
|
|
18
14
|
border-radius: 0;
|
|
19
15
|
outline: 0 !important;
|
|
@@ -21,9 +17,7 @@
|
|
|
21
17
|
|
|
22
18
|
.navbar-brand {
|
|
23
19
|
display: none;
|
|
24
|
-
position
|
|
25
|
-
top: 50%;
|
|
26
|
-
left: 50%;
|
|
20
|
+
@include position(absolute, 50% null null 50%);
|
|
27
21
|
@include transform(translate(-50%, -50%));
|
|
28
22
|
width: $header-navbar-logotype-width;
|
|
29
23
|
height: $header-navbar-logotype-height;
|
|
@@ -36,9 +30,7 @@
|
|
|
36
30
|
}
|
|
37
31
|
|
|
38
32
|
.btn-group {
|
|
39
|
-
position
|
|
40
|
-
top: 0;
|
|
41
|
-
right: $spacer;
|
|
33
|
+
@include position(absolute, 0 $spacer null null);
|
|
42
34
|
height: 100%;
|
|
43
35
|
|
|
44
36
|
.btn {
|
|
@@ -63,6 +63,7 @@ body {
|
|
|
63
63
|
display: block;
|
|
64
64
|
text-decoration: none;
|
|
65
65
|
color: $sidebar-nav-link-color;
|
|
66
|
+
@include transition(all .2s ease);
|
|
66
67
|
|
|
67
68
|
&:hover {
|
|
68
69
|
text-decoration: none;
|
|
@@ -79,13 +80,11 @@ body {
|
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
.fa-chevron-right {
|
|
82
|
-
position
|
|
83
|
-
right: $spacer;
|
|
84
|
-
top: 50%;
|
|
83
|
+
@include position(absolute, 50% $spacer null null);
|
|
85
84
|
@include transform(translateY(-50%) rotate(0deg));
|
|
85
|
+
display: inline-block;
|
|
86
86
|
width: 10px;
|
|
87
87
|
height: 10px;
|
|
88
|
-
display: inline-block;
|
|
89
88
|
margin: 0;
|
|
90
89
|
font-size: 0.8em;
|
|
91
90
|
@include transition(all .2s ease);
|
|
@@ -100,6 +99,7 @@ body {
|
|
|
100
99
|
}
|
|
101
100
|
a.active {
|
|
102
101
|
color: $sidebar-nav-link-color-active;
|
|
102
|
+
background: $sidebar-nav-link-bg-active;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
ul.submenu {
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
|
|
2
|
+
$toggle-height: 2rem;
|
|
3
|
+
$toggle-height-sm: 1.5rem;
|
|
4
|
+
$toggle-height-lg: 2.5rem;
|
|
5
|
+
|
|
6
|
+
.toggle { /* wrapper label */
|
|
7
|
+
position: relative;
|
|
8
|
+
display: block;
|
|
9
|
+
width: $toggle-height*2;
|
|
10
|
+
height: $toggle-height;
|
|
11
|
+
margin: 0;
|
|
12
|
+
|
|
13
|
+
input { display:none; }
|
|
14
|
+
|
|
15
|
+
.toggle-slider { /* The slider */
|
|
16
|
+
@include position(absolute, 0 0 0 0);
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
background-color: $gray-lighter;
|
|
19
|
+
@include border-radius($toggle-height);
|
|
20
|
+
@include box-shadow(inset 0 1px 3px rgba(0,0,0,.12));
|
|
21
|
+
|
|
22
|
+
&:before {
|
|
23
|
+
@include position(absolute, null null 0.25rem 0.25rem);
|
|
24
|
+
content: "";
|
|
25
|
+
height: $toggle-height - 0.5rem;
|
|
26
|
+
width: $toggle-height - 0.5rem;
|
|
27
|
+
@include border-radius(50%);
|
|
28
|
+
background-color: white;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
.toggle-text {
|
|
34
|
+
position: absolute;
|
|
35
|
+
display: inline-block;
|
|
36
|
+
line-height: $toggle-height;
|
|
37
|
+
font-size: 0.8em;
|
|
38
|
+
font-weight: $btn-font-weight;
|
|
39
|
+
|
|
40
|
+
&.on {
|
|
41
|
+
left: 11px;
|
|
42
|
+
color: white;
|
|
43
|
+
visibility: hidden;
|
|
44
|
+
opacity: 0;
|
|
45
|
+
}
|
|
46
|
+
&.off {
|
|
47
|
+
right: 11px;
|
|
48
|
+
color: $gray-light;
|
|
49
|
+
opacity: 1;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
input:checked + .toggle-slider { /* Checked state */
|
|
55
|
+
|
|
56
|
+
&:before { @include transform(translateX($toggle-height)); }
|
|
57
|
+
.toggle-text.on { visibility: visible; opacity: 1; }
|
|
58
|
+
.toggle-text.off { visibility: hidden; opacity: 0; }
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
input:focus + .toggle-slider { /* Focused state */
|
|
62
|
+
box-shadow: 0 0 1px $brand-success;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
.toggle-slider,
|
|
67
|
+
.toggle-slider:before,
|
|
68
|
+
.toggle-text {
|
|
69
|
+
@include transition(all .2s ease-in-out);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.toggle-sm {
|
|
75
|
+
width: $toggle-height-sm*2;
|
|
76
|
+
height: $toggle-height-sm;
|
|
77
|
+
|
|
78
|
+
.toggle-slider { /* The slider */
|
|
79
|
+
@include border-radius($toggle-height-sm);
|
|
80
|
+
|
|
81
|
+
&:before {
|
|
82
|
+
height: $toggle-height-sm - 0.5rem;
|
|
83
|
+
width: $toggle-height-sm - 0.5rem;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
.toggle-text { line-height: $toggle-height-sm; }
|
|
87
|
+
input:checked + .toggle-slider:before { @include transform(translateX($toggle-height-sm)); }
|
|
88
|
+
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.toggle-lg {
|
|
92
|
+
width: $toggle-height-lg*2;
|
|
93
|
+
height: $toggle-height-lg;
|
|
94
|
+
|
|
95
|
+
.toggle-slider { /* The slider */
|
|
96
|
+
@include border-radius($toggle-height-lg);
|
|
97
|
+
|
|
98
|
+
&:before {
|
|
99
|
+
height: $toggle-height-lg - 0.5rem;
|
|
100
|
+
width: $toggle-height-lg - 0.5rem;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
.toggle-text { line-height: $toggle-height-lg; }
|
|
104
|
+
input:checked + .toggle-slider:before { @include transform(translateX($toggle-height-lg)); }
|
|
105
|
+
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.toggle-primary input:checked + .toggle-slider { /* Checked state */
|
|
109
|
+
background-color: $brand-primary;
|
|
110
|
+
}
|
|
111
|
+
.toggle-success input:checked + .toggle-slider { /* Checked state */
|
|
112
|
+
background-color: $brand-success;
|
|
113
|
+
}
|
|
114
|
+
.toggle-info input:checked + .toggle-slider { /* Checked state */
|
|
115
|
+
background-color: $brand-info;
|
|
116
|
+
}
|
|
117
|
+
.toggle-warning input:checked + .toggle-slider { /* Checked state */
|
|
118
|
+
background-color: $brand-warning;
|
|
119
|
+
}
|
|
120
|
+
.toggle-danger input:checked + .toggle-slider { /* Checked state */
|
|
121
|
+
background-color: $brand-danger;
|
|
122
|
+
}
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
.btn-circle {
|
|
2
2
|
@include border-radius(50%); // Perfect circle
|
|
3
|
-
|
|
4
|
-
height: $btn-padding-x*3;
|
|
3
|
+
@include size($btn-padding-x*3);
|
|
5
4
|
|
|
6
5
|
&.btn-sm {
|
|
7
|
-
|
|
8
|
-
height: $btn-padding-x*2.25;
|
|
6
|
+
@include size($btn-padding-x*2.25);
|
|
9
7
|
font-size: $font-size-sm;
|
|
10
8
|
}
|
|
11
9
|
&.btn-lg {
|
|
12
|
-
|
|
13
|
-
height: $btn-padding-x*5;
|
|
10
|
+
@include size($btn-padding-x*5);
|
|
14
11
|
font-size: $font-size-lg;
|
|
15
12
|
}
|
|
16
13
|
&.btn-xl {
|
|
17
|
-
|
|
18
|
-
height: $btn-padding-x*6.5;
|
|
14
|
+
@include size($btn-padding-x*6.5);
|
|
19
15
|
font-size: $font-size-lg;
|
|
20
16
|
}
|
|
21
17
|
}
|
|
@@ -3,15 +3,12 @@
|
|
|
3
3
|
margin-bottom: $spacer;
|
|
4
4
|
|
|
5
5
|
.card-actions {
|
|
6
|
-
position
|
|
7
|
-
top: $spacer/1.25;
|
|
8
|
-
right: $spacer/1.25;
|
|
6
|
+
@include position(absolute, $spacer/1.25 $spacer/1.25 null null);
|
|
9
7
|
font-size: 0.9em;
|
|
10
8
|
}
|
|
11
9
|
|
|
12
10
|
.card-header .card-actions {
|
|
13
|
-
position
|
|
14
|
-
top: 50%;
|
|
11
|
+
@include position(absolute, 50% null null null);
|
|
15
12
|
@include transform(translateY(-50%));
|
|
16
13
|
}
|
|
17
14
|
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
.js .inputfile {
|
|
2
|
-
|
|
3
|
-
height: 0.1px;
|
|
2
|
+
@include size(0.1px);
|
|
4
3
|
opacity: 0;
|
|
5
4
|
overflow: hidden;
|
|
6
5
|
position: absolute;
|
|
@@ -11,10 +10,12 @@
|
|
|
11
10
|
.inputfile + label {
|
|
12
11
|
white-space: nowrap;
|
|
13
12
|
cursor: pointer;
|
|
14
|
-
display:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
display: block;
|
|
14
|
+
margin: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.inputfile + label * {
|
|
18
|
+
pointer-events: none !important;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
|
|
@@ -38,12 +38,10 @@
|
|
|
38
38
|
width: 32px;
|
|
39
39
|
margin: 0 $spacer/10 0 $spacer*1.5;
|
|
40
40
|
padding: $spacer/2 0 $spacer/2 $spacer/2;
|
|
41
|
-
text-indent: -9999px;
|
|
42
|
-
white-space: nowrap;
|
|
43
|
-
overflow: hidden;
|
|
44
41
|
border: 0;
|
|
45
42
|
z-index: 99;
|
|
46
43
|
background: transparent;
|
|
44
|
+
@include hide-text;
|
|
47
45
|
}
|
|
48
46
|
.nestable-item > button:before {
|
|
49
47
|
display: block;
|
|
@@ -93,9 +91,7 @@
|
|
|
93
91
|
// Drag handle (main styling is done in sortable.scss)
|
|
94
92
|
|
|
95
93
|
.nestable-item .fa.drag-handle {
|
|
96
|
-
position
|
|
97
|
-
top: $spacer/1.3333;
|
|
98
|
-
left: $spacer/1.3333;
|
|
94
|
+
@include position(absolute, $spacer/1.3333 null null $spacer/1.3333);
|
|
99
95
|
}
|
|
100
96
|
|
|
101
97
|
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
.page-header {
|
|
3
|
-
// background: rgba(red,0.1);
|
|
4
3
|
padding-bottom: $spacer;
|
|
5
|
-
|
|
6
|
-
-moz-transform-style: preserve-3d;
|
|
7
|
-
transform-style: preserve-3d;
|
|
4
|
+
@include transform-style(preserve-3d);
|
|
8
5
|
|
|
9
6
|
// Override bootstrap breadcrumb CSS
|
|
10
7
|
.breadcrumb {
|
|
@@ -22,9 +19,13 @@
|
|
|
22
19
|
}
|
|
23
20
|
|
|
24
21
|
.page-header-actions {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
margin-top: $spacer;
|
|
23
|
+
|
|
24
|
+
@include media-breakpoint-up(lg) {
|
|
25
|
+
@include position(absolute, 50% $spacer/1.5 null null);
|
|
26
|
+
@include transform(translateY(-50%));
|
|
27
|
+
margin-top: 0;
|
|
28
|
+
}
|
|
29
29
|
}
|
|
30
|
+
|
|
30
31
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@import 'bourbon';
|
|
2
2
|
@import 'variables';
|
|
3
3
|
@import "bootstrap";
|
|
4
|
+
|
|
4
5
|
@import 'mixins/nestable';
|
|
5
6
|
|
|
6
7
|
@import 'components/header-navbar';
|
|
@@ -13,3 +14,5 @@
|
|
|
13
14
|
@import 'components/file-input';
|
|
14
15
|
@import 'components/nestable';
|
|
15
16
|
@import 'components/sortable';
|
|
17
|
+
@import 'components/toggle-button';
|
|
18
|
+
@import 'components/forms';
|
|
@@ -699,6 +699,7 @@ $sidebar-nav-link-color: rgba(white,0.6) !default;
|
|
|
699
699
|
$sidebar-nav-link-color-hover: white !default;
|
|
700
700
|
$sidebar-nav-link-bg-hover: lighten($sidebar-bg,5%) !default;
|
|
701
701
|
$sidebar-nav-link-color-active: white !default;
|
|
702
|
+
$sidebar-nav-link-bg-active: transparent !default;
|
|
702
703
|
|
|
703
704
|
$sidebar-nav-submenu-bg: darken($sidebar-bg,6%) !default;
|
|
704
705
|
$sidebar-nav-submenu-link-bg-hover: darken($sidebar-bg,3%) !default;
|
|
@@ -709,7 +710,8 @@ $sidebar-nav-submenu-link-bg-hover: darken($sidebar-bg,3%) !default;
|
|
|
709
710
|
$header-navbar-height: 60px !default;
|
|
710
711
|
$header-navbar-padding: $spacer/2 $spacer $spacer/2 0 !default;
|
|
711
712
|
$header-navbar-bg: white !default;
|
|
712
|
-
$header-navbar-
|
|
713
|
+
$header-navbar-color: $gray-dark !default;
|
|
714
|
+
$header-navbar-border-color: darken($gray-lighter,10%) !default;
|
|
713
715
|
|
|
714
716
|
|
|
715
717
|
// Action toolbar
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sigbit_admin_rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ante Wall
|
|
@@ -50,8 +50,10 @@ files:
|
|
|
50
50
|
- assets/javascripts/jquery.nestable.js
|
|
51
51
|
- assets/javascripts/jquery.sortable.min.js
|
|
52
52
|
- assets/javascripts/sigbit-admin.js
|
|
53
|
+
- assets/stylesheets/components/_forms.scss
|
|
53
54
|
- assets/stylesheets/components/_header-navbar.scss
|
|
54
55
|
- assets/stylesheets/components/_sidebar.scss
|
|
56
|
+
- assets/stylesheets/components/_toggle-button.scss
|
|
55
57
|
- assets/stylesheets/components/action-toolbar.scss
|
|
56
58
|
- assets/stylesheets/components/btn-circle.scss
|
|
57
59
|
- assets/stylesheets/components/card.scss
|
|
@@ -88,7 +90,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
88
90
|
version: '0'
|
|
89
91
|
requirements: []
|
|
90
92
|
rubyforge_project:
|
|
91
|
-
rubygems_version: 2.
|
|
93
|
+
rubygems_version: 2.5.1
|
|
92
94
|
signing_key:
|
|
93
95
|
specification_version: 4
|
|
94
96
|
summary: Significant Bit Admin template for Rails applications
|