active_frontend 8.0.0 → 8.0.1

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.
@@ -51,7 +51,7 @@
51
51
  border-top: 6px $color-haze-dark;
52
52
  }
53
53
  .dow {
54
- color: $color-gray-dark;
54
+ color: $color-black;
55
55
  font-weight: bold;
56
56
  }
57
57
  .datepicker > div { display: none; }
@@ -74,8 +74,7 @@
74
74
  line-height: 16px;
75
75
  }
76
76
  .datepicker table td.new,
77
- .datepicker table td.old { color: $color-gray; }
78
- .datepicker table td.day.disabled { color: $color-gray; }
77
+ .datepicker table td.old { color: $color-gray-light; }
79
78
  .datepicker table td > span {
80
79
  border-radius: 2px;
81
80
  display: block;
@@ -110,4 +109,12 @@
110
109
  .datepicker table th.switch {
111
110
  font-weight: bold;
112
111
  width: 145px;
112
+ }
113
+ .datepicker table td.day.disabled { color: $color-haze-dark; }
114
+ .datepicker table td.day.disabled:hover,
115
+ .datepicker table td.day.disabled.active,
116
+ .datepicker table td.day.disabled:active,
117
+ .datepicker table td.day.disabled:focus {
118
+ background: transparent;
119
+ cursor: not-allowed;
113
120
  }
@@ -1,8 +1,8 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
3
  # Dropdown
4
- # Dropup
5
- # Submenu */
4
+ # Submenu
5
+ # Dropup */
6
6
 
7
7
  /* # Dropdown
8
8
  ================================================== */
@@ -112,6 +112,41 @@
112
112
  left: auto;
113
113
  right: 10px;
114
114
  }
115
+ .dropdown-menu-title {
116
+ background: $color-haze;
117
+ letter-spacing: 1px;
118
+ padding: 8px 15px;
119
+ text-transform: uppercase;
120
+ }
121
+
122
+ /* # Submenu
123
+ ================================================== */
124
+ .dropdown-submenu { position: relative; }
125
+ .dropdown-submenu > .dropdown-menu {
126
+ left: 100%;
127
+ margin-left: 6px;
128
+ margin-top: -6px;
129
+ top: 0;
130
+ }
131
+ .dropdown-submenu:hover > .dropdown-menu {
132
+ display: block;
133
+ opacity: 1;
134
+ visibility: visible;
135
+ }
136
+ .dropdown-submenu > a:after {
137
+ content: " ";
138
+ display: block;
139
+ float: right;
140
+ height: 0;
141
+ margin-right: -10px;
142
+ margin-top: 5px;
143
+ width: 0;
144
+ }
145
+ .dropdown-submenu.pull-left { float: none; }
146
+ .dropdown-submenu.pull-left > .dropdown-menu {
147
+ left: -100%;
148
+ margin-left: -8px;
149
+ }
115
150
 
116
151
  /* # Dropup
117
152
  ================================================== */
@@ -146,28 +181,5 @@
146
181
  left: auto;
147
182
  right: 10px;
148
183
  }
149
-
150
- /* # Submenu
151
- ================================================== */
152
- .dropdown-submenu { position: relative; }
153
- .dropdown-submenu > .dropdown-menu {
154
- left: 100%;
155
- margin-left: -1px;
156
- margin-top: -6px;
157
- top: 0;
158
- }
159
- .dropdown-submenu:hover > .dropdown-menu { display: block; }
160
- .dropdown-submenu > a:after {
161
- content: " ";
162
- display: block;
163
- float: right;
164
- height: 0;
165
- margin-right: -10px;
166
- margin-top: 5px;
167
- width: 0;
168
- }
169
- .dropdown-submenu.pull-left { float: none; }
170
- .dropdown-submenu.pull-left > .dropdown-menu {
171
- left: -100%;
172
- margin-left: 10px;
173
- }
184
+ .dropup .dropdown-submenu > .dropdown-menu { margin-left: 6px; }
185
+ .dropup .dropdown-submenu.pull-left > .dropdown-menu { margin-left: -8px; }
@@ -338,6 +338,11 @@ select.form-input-initial-width {
338
338
  background: $color-haze-light;
339
339
  color: $color-gray;
340
340
  }
341
+ .form-slider-label {
342
+ font-size: 11px;
343
+ font-weight: bold;
344
+ margin: 5px 0;
345
+ }
341
346
  .form-footer {
342
347
  border-top: 1px solid $color-haze;
343
348
  font-size: 12px !important;
@@ -49,6 +49,7 @@ ol { padding-left: 23px; }
49
49
  }
50
50
  .list-bordered.list-scrollable > li:first-child { border-top: 0; }
51
51
  .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
52
+ .list-bordered:empty { border: 0; }
52
53
  .list-inline > li {
53
54
  display: inline-block;
54
55
  margin-right: 10px;
@@ -0,0 +1,151 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Slider
4
+ # Position
5
+ # Track
6
+ # Handle & Tick */
7
+
8
+ /* # Slider
9
+ ================================================== */
10
+ .slider {
11
+ display: inline-block;
12
+ position: relative;
13
+ vertical-align: middle;
14
+ }
15
+ .slider input,
16
+ .slider .hide { display: none; }
17
+ .slider .tooltip.in {
18
+ opacity: 1;
19
+ filter: alpha(opacity=100);
20
+ }
21
+ .slider .tooltip.top { margin-top: -36px; }
22
+ .slider .tooltip-inner { white-space: nowrap; }
23
+
24
+ /* # Position
25
+ ================================================== */
26
+ .slider.slider-horizontal {
27
+ height: 16px;
28
+ width: 100%;
29
+ }
30
+ .slider.slider-horizontal .slider-track {
31
+ height: 8px;
32
+ left: 0;
33
+ margin-top: -4px;
34
+ top: 50%;
35
+ width: 100%;
36
+ }
37
+ .slider.slider-horizontal .slider-selection,
38
+ .slider.slider-horizontal .slider-track-low,
39
+ .slider.slider-horizontal .slider-track-high {
40
+ bottom: 0;
41
+ height: 100%;
42
+ top: 0;
43
+ }
44
+ .slider.slider-horizontal .slider-tick,
45
+ .slider.slider-horizontal .slider-handle {
46
+ margin-left: -8px;
47
+ margin-top: -4px;
48
+ }
49
+ .slider.slider-horizontal .slider-tick.triangle,
50
+ .slider.slider-horizontal .slider-handle.triangle {
51
+ border-bottom-color: $color-primary;
52
+ border-width: 0 8px 8px 8px;
53
+ height: 0;
54
+ margin-top: 0;
55
+ width: 0;
56
+ }
57
+ .slider.slider-horizontal .slider-tick-label-container {
58
+ font-size: 11px;
59
+ font-weight: bold;
60
+ margin-top: 20px;
61
+ white-space: nowrap;
62
+ }
63
+ .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
64
+ display: inline-block;
65
+ padding-top: 4px;
66
+ text-align: center;
67
+ }
68
+ .slider.slider-vertical {
69
+ height: 200px;
70
+ width: 16px;
71
+ }
72
+ .slider.slider-vertical .slider-track {
73
+ height: 100%;
74
+ left: 50%;
75
+ margin-left: -4px;
76
+ top: 0;
77
+ width: 8px;
78
+ }
79
+ .slider.slider-vertical .slider-selection {
80
+ bottom: 0;
81
+ left: 0;
82
+ top: 0;
83
+ width: 100%;
84
+ }
85
+ .slider.slider-vertical .slider-track-low,
86
+ .slider.slider-vertical .slider-track-high {
87
+ left: 0;
88
+ right: 0;
89
+ width: 100%;
90
+ }
91
+ .slider.slider-vertical .slider-tick,
92
+ .slider.slider-vertical .slider-handle {
93
+ margin-left: -4px;
94
+ margin-top: -8px;
95
+ }
96
+ .slider.slider-vertical .slider-tick.triangle,
97
+ .slider.slider-vertical .slider-handle.triangle {
98
+ border-left-color: $color-primary;
99
+ border-width: 8px 0 8px 8px;
100
+ height: 1px;
101
+ margin-left: 0;
102
+ width: 1px;
103
+ }
104
+
105
+ /* # Track
106
+ ================================================== */
107
+ .slider-track,
108
+ .slider-selection,
109
+ .slider-track-low,
110
+ .slider-track-high {
111
+ border-radius: 500px;
112
+ box-sizing: border-box;
113
+ cursor: pointer;
114
+ position: absolute;
115
+ }
116
+ .slider-track,
117
+ .slider.slider-disabled .slider-track { background: $color-haze-light; }
118
+ .slider-selection,
119
+ .slider-selection.tick-slider-selection,
120
+ .slider.slider-disabled .slider-handle { background: $color-haze-dark; }
121
+ .slider-track-low,
122
+ .slider-track-high { background: transparent; }
123
+ .slider.slider-disabled .slider-track,
124
+ .slider.slider-disabled .slider-handle { cursor: not-allowed; }
125
+
126
+ /* # Handle & Tick
127
+ ================================================== */
128
+ .slider-handle,
129
+ .slider-tick {
130
+ background: $color-primary;
131
+ border: 0;
132
+ height: 16px;
133
+ position: absolute;
134
+ width: 16px;
135
+ }
136
+ .slider-handle { background: $color-primary; }
137
+ .slider-tick { background: $color-haze-light; }
138
+ .slider-tick.in-selection { background: $color-haze-dark; }
139
+ .slider-handle.round,
140
+ .slider-tick.round { border-radius: 500px; }
141
+ .slider-handle.custom,
142
+ .slider-handle.triangle,
143
+ .slider-tick.custom,
144
+ .slider-tick.triangle { background: transparent none; }
145
+ .slider-handle.custom::before,
146
+ .slider-tick.custom::before {
147
+ line-height: 16px;
148
+ font-size: 16px;
149
+ content: '\2605';
150
+ color: $color-haze-dark;
151
+ }
@@ -69,6 +69,7 @@ $color-primary: $color-blue;
69
69
  @import 'popover';
70
70
  @import 'progress';
71
71
  @import 'sidebar';
72
+ @import 'slider';
72
73
  @import 'spinner';
73
74
  @import 'swoggle';
74
75
  @import 'table';
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: active_frontend
3
3
  version: !ruby/object:Gem::Version
4
- version: 8.0.0
4
+ version: 8.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2015-07-24 00:00:00.000000000 Z
11
+ date: 2015-07-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -91,11 +91,13 @@ files:
91
91
  - vendor/assets/javascripts/dropdown.js
92
92
  - vendor/assets/javascripts/file_input.js
93
93
  - vendor/assets/javascripts/hoverdown.js
94
+ - vendor/assets/javascripts/inputmask.js
94
95
  - vendor/assets/javascripts/loader.js
95
96
  - vendor/assets/javascripts/map.js
96
97
  - vendor/assets/javascripts/modal.js
97
98
  - vendor/assets/javascripts/popover.js
98
99
  - vendor/assets/javascripts/scrollspy.js
100
+ - vendor/assets/javascripts/slider.js
99
101
  - vendor/assets/javascripts/sort.js
100
102
  - vendor/assets/javascripts/swoggle.js
101
103
  - vendor/assets/javascripts/tab.js
@@ -142,6 +144,7 @@ files:
142
144
  - vendor/assets/stylesheets/_progress.scss
143
145
  - vendor/assets/stylesheets/_reset.scss
144
146
  - vendor/assets/stylesheets/_sidebar.scss
147
+ - vendor/assets/stylesheets/_slider.scss
145
148
  - vendor/assets/stylesheets/_spinner.scss
146
149
  - vendor/assets/stylesheets/_swoggle.scss
147
150
  - vendor/assets/stylesheets/_table.scss