active_frontend 8.0.0 → 8.0.1

data/vendor/assets/stylesheets/_datepicker.scss

@@ -51,7 +51,7 @@
   border-top: 6px $color-haze-dark;
 }
 .dow {
-  color: $color-gray-dark;
+  color: $color-black;
   font-weight: bold;
 }
 .datepicker > div { display: none; }
@@ -74,8 +74,7 @@
   line-height: 16px;
 }
 .datepicker table td.new,
-.datepicker table td.old { color: $color-gray; }
-.datepicker table td.day.disabled { color: $color-gray; }
+.datepicker table td.old { color: $color-gray-light; }
 .datepicker table td > span {
   border-radius: 2px;
   display: block;
@@ -110,4 +109,12 @@
 .datepicker table th.switch {
   font-weight: bold;
   width: 145px;
+}
+.datepicker table td.day.disabled { color: $color-haze-dark; }
+.datepicker table td.day.disabled:hover,
+.datepicker table td.day.disabled.active,
+.datepicker table td.day.disabled:active,
+.datepicker table td.day.disabled:focus {
+  background: transparent;
+  cursor: not-allowed;
 }

data/vendor/assets/stylesheets/_dropdown.scss

@@ -1,8 +1,8 @@
 /* Table of Contents
 ==================================================
 # Dropdown
-# Dropup
-# Submenu */
+# Submenu
+# Dropup */
 
 /* # Dropdown
 ================================================== */
@@ -112,6 +112,41 @@
   left: auto;
   right: 10px;
 }
+.dropdown-menu-title {
+  background: $color-haze;
+  letter-spacing: 1px;
+  padding: 8px 15px;
+  text-transform: uppercase;
+}
+
+/* # Submenu
+================================================== */
+.dropdown-submenu { position: relative; }
+.dropdown-submenu > .dropdown-menu {
+  left: 100%;
+  margin-left: 6px;
+  margin-top: -6px;
+  top: 0;
+}
+.dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+  opacity: 1;
+  visibility: visible;
+}
+.dropdown-submenu > a:after {
+  content: " ";
+  display: block;
+  float: right;
+  height: 0;
+  margin-right: -10px;
+  margin-top: 5px;
+  width: 0;
+}
+.dropdown-submenu.pull-left { float: none; }
+.dropdown-submenu.pull-left > .dropdown-menu {
+  left: -100%;
+  margin-left: -8px;
+}
 
 /* # Dropup
 ================================================== */
@@ -146,28 +181,5 @@
   left: auto;
   right: 10px;
 }
-
-/* # Submenu
-================================================== */
-.dropdown-submenu { position: relative; }
-.dropdown-submenu > .dropdown-menu {
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -6px;
-  top: 0;
-}
-.dropdown-submenu:hover > .dropdown-menu { display: block; }
-.dropdown-submenu > a:after {
-  content: " ";
-  display: block;
-  float: right;
-  height: 0;
-  margin-right: -10px;
-  margin-top: 5px;
-  width: 0;
-}
-.dropdown-submenu.pull-left { float: none; }
-.dropdown-submenu.pull-left > .dropdown-menu {
-  left: -100%;
-  margin-left: 10px;
-}
+.dropup .dropdown-submenu > .dropdown-menu { margin-left: 6px; }
+.dropup .dropdown-submenu.pull-left > .dropdown-menu { margin-left: -8px; }

data/vendor/assets/stylesheets/_form.scss

@@ -338,6 +338,11 @@ select.form-input-initial-width {
   background: $color-haze-light;
   color: $color-gray;
 }
+.form-slider-label {
+  font-size: 11px;
+  font-weight: bold;
+  margin: 5px 0;
+}
 .form-footer {
   border-top: 1px solid $color-haze;
   font-size: 12px !important;

data/vendor/assets/stylesheets/_list.scss

@@ -49,6 +49,7 @@ ol { padding-left: 23px; }
 }
 .list-bordered.list-scrollable > li:first-child { border-top: 0; }
 .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
+.list-bordered:empty { border: 0; }
 .list-inline > li {
   display: inline-block;
   margin-right: 10px;

data/vendor/assets/stylesheets/_slider.scss

@@ -0,0 +1,151 @@
+/* Table of Contents
+==================================================
+# Slider
+# Position
+# Track
+# Handle & Tick */
+
+/* # Slider
+================================================== */
+.slider {
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+}
+.slider input,
+.slider .hide { display: none; }
+.slider .tooltip.in {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.slider .tooltip.top { margin-top: -36px; }
+.slider .tooltip-inner { white-space: nowrap; }
+
+/* # Position
+================================================== */
+.slider.slider-horizontal {
+  height: 16px;
+  width: 100%;
+}
+.slider.slider-horizontal .slider-track {
+  height: 8px;
+  left: 0;
+  margin-top: -4px;
+  top: 50%;
+  width: 100%;
+}
+.slider.slider-horizontal .slider-selection,
+.slider.slider-horizontal .slider-track-low,
+.slider.slider-horizontal .slider-track-high {
+  bottom: 0;
+  height: 100%;
+  top: 0;
+}
+.slider.slider-horizontal .slider-tick,
+.slider.slider-horizontal .slider-handle {
+  margin-left: -8px;
+  margin-top: -4px;
+}
+.slider.slider-horizontal .slider-tick.triangle,
+.slider.slider-horizontal .slider-handle.triangle {
+  border-bottom-color: $color-primary;
+  border-width: 0 8px 8px 8px;
+  height: 0;
+  margin-top: 0;
+  width: 0;
+}
+.slider.slider-horizontal .slider-tick-label-container {
+  font-size: 11px;
+  font-weight: bold;
+  margin-top: 20px;
+  white-space: nowrap;
+}
+.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
+  display: inline-block;
+  padding-top: 4px;
+  text-align: center;
+}
+.slider.slider-vertical {
+  height: 200px;
+  width: 16px;
+}
+.slider.slider-vertical .slider-track {
+  height: 100%;
+  left: 50%;
+  margin-left: -4px;
+  top: 0;
+  width: 8px;
+}
+.slider.slider-vertical .slider-selection {
+  bottom: 0;
+  left: 0;
+  top: 0;
+  width: 100%;
+}
+.slider.slider-vertical .slider-track-low,
+.slider.slider-vertical .slider-track-high {
+  left: 0;
+  right: 0;
+  width: 100%;
+}
+.slider.slider-vertical .slider-tick,
+.slider.slider-vertical .slider-handle {
+  margin-left: -4px;
+  margin-top: -8px;
+}
+.slider.slider-vertical .slider-tick.triangle,
+.slider.slider-vertical .slider-handle.triangle {
+  border-left-color: $color-primary;
+  border-width: 8px 0 8px 8px;
+  height: 1px;
+  margin-left: 0;
+  width: 1px;
+}
+
+/* # Track
+================================================== */
+.slider-track,
+.slider-selection,
+.slider-track-low,
+.slider-track-high  {
+  border-radius: 500px;
+  box-sizing: border-box;
+  cursor: pointer;
+  position: absolute;
+}
+.slider-track,
+.slider.slider-disabled .slider-track { background: $color-haze-light; }
+.slider-selection,
+.slider-selection.tick-slider-selection,
+.slider.slider-disabled .slider-handle { background: $color-haze-dark; }
+.slider-track-low,
+.slider-track-high { background: transparent; }
+.slider.slider-disabled .slider-track,
+.slider.slider-disabled .slider-handle { cursor: not-allowed; }
+
+/* # Handle & Tick
+================================================== */
+.slider-handle,
+.slider-tick {
+  background: $color-primary;
+  border: 0;
+  height: 16px;
+  position: absolute;
+  width: 16px;
+}
+.slider-handle { background: $color-primary; }
+.slider-tick { background: $color-haze-light; }
+.slider-tick.in-selection { background: $color-haze-dark; }
+.slider-handle.round,
+.slider-tick.round { border-radius: 500px; }
+.slider-handle.custom,
+.slider-handle.triangle,
+.slider-tick.custom,
+.slider-tick.triangle { background: transparent none; }
+.slider-handle.custom::before,
+.slider-tick.custom::before {
+  line-height: 16px;
+  font-size: 16px;
+  content: '\2605';
+  color: $color-haze-dark;
+}

data/vendor/assets/stylesheets/activefrontend.scss

@@ -69,6 +69,7 @@ $color-primary: $color-blue;
 @import 'popover';
 @import 'progress';
 @import 'sidebar';
+@import 'slider';
 @import 'spinner';
 @import 'swoggle';
 @import 'table';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 8.0.0
+  version: 8.0.1
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-07-24 00:00:00.000000000 Z
+date: 2015-07-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -91,11 +91,13 @@ files:
 - vendor/assets/javascripts/dropdown.js
 - vendor/assets/javascripts/file_input.js
 - vendor/assets/javascripts/hoverdown.js
+- vendor/assets/javascripts/inputmask.js
 - vendor/assets/javascripts/loader.js
 - vendor/assets/javascripts/map.js
 - vendor/assets/javascripts/modal.js
 - vendor/assets/javascripts/popover.js
 - vendor/assets/javascripts/scrollspy.js
+- vendor/assets/javascripts/slider.js
 - vendor/assets/javascripts/sort.js
 - vendor/assets/javascripts/swoggle.js
 - vendor/assets/javascripts/tab.js
@@ -142,6 +144,7 @@ files:
 - vendor/assets/stylesheets/_progress.scss
 - vendor/assets/stylesheets/_reset.scss
 - vendor/assets/stylesheets/_sidebar.scss
+- vendor/assets/stylesheets/_slider.scss
 - vendor/assets/stylesheets/_spinner.scss
 - vendor/assets/stylesheets/_swoggle.scss
 - vendor/assets/stylesheets/_table.scss