vhx-quartz 0.10.3 → 0.10.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/vhx/quartz/version.rb +1 -1
- data/vendor/assets/javascripts/vhx-quartz.select.js +5 -3
- data/vendor/assets/stylesheets/vhx-quartz.css +32 -0
- data/vendor/assets/stylesheets/vhx-quartz.select.css +3 -0
- data/vendor/assets/stylesheets/vhx-quartz.sidebar.css +1 -0
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 29b3e45280e083ca1a0f962b11b881e6c75b8363
|
4
|
+
data.tar.gz: 1a66bc449084ab7465764e87644d14d6e8248fe9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e6c1a5ff9a21c6d2bf2f429807290655396fbb2dadd0bfae51e83ef234b15d6b24baea000f9ea62adaf14d5fc6cfbcffe5b1b2fbce79846b73877cf2588bc09d
|
7
|
+
data.tar.gz: 97a3ec01737e37d8033a01e6b3915c16a3b0ddf9da37e691523d73df1bd2f5f090fdfd0f9f00cd15653d5527d0686d85f785702a20b46878c073d14aa289e8ec
|
data/lib/vhx/quartz/version.rb
CHANGED
@@ -129,8 +129,6 @@ vhxm.components.shared.select.controller = function (opts) {
|
|
129
129
|
if (self.multiselect) {
|
130
130
|
self.state.highlightIndex(-1);
|
131
131
|
}
|
132
|
-
|
133
|
-
self.state.onSelect(self.state.selected());
|
134
132
|
};
|
135
133
|
|
136
134
|
self.handleAction = function (event) {
|
@@ -212,6 +210,7 @@ vhxm.components.shared.select.ui.container = {
|
|
212
210
|
view: function view(ctrl, opts) {
|
213
211
|
var options = opts.search ? '.has-search' : '';
|
214
212
|
options += opts.trigger ? '.has-trigger' : '';
|
213
|
+
options += opts.action ? '.has-action' : '';
|
215
214
|
options += opts.type === 'media' ? '.has-media' : '';
|
216
215
|
options += opts.inline ? '.inline' : '';
|
217
216
|
options += '.caret--' + (ctrl.position === 'top' ? 'bottom' : 'top') + '-' + ctrl.caret;
|
@@ -228,7 +227,10 @@ vhxm.components.shared.select.ui.container = {
|
|
228
227
|
onkeydown: ctrl.handleKeydown
|
229
228
|
}, [opts.trigger ? opts.trigger : m('a.c-select--trigger.btn-dropdown-' + (opts.color ? opts.color : 'gray') + '.btn--fill' + (ctrl.state.isDropdownOpen() ? '.is-active' : ''), {
|
230
229
|
href: '#',
|
231
|
-
onclick: ctrl.handleClick
|
230
|
+
onclick: ctrl.handleClick,
|
231
|
+
style: {
|
232
|
+
top: opts.offset ? opts.offset + 'px' : '40px'
|
233
|
+
}
|
232
234
|
}, ctrl.selectedLabel()), m('.c-select--dropdown.bg-white.border.radius.fill-width' + (ctrl.state.isDropdownOpen() ? '.is-open' : ''), {
|
233
235
|
config: function config(el) {
|
234
236
|
if (ctrl.position === 'top') {
|
@@ -637,6 +637,12 @@ select {
|
|
637
637
|
.btn.icon--left, .icon--left.btn-gray, .icon--left.btn-dropdown-gray, .icon--left.btn-slate, .icon--left.btn-teal, .icon--left.btn-dropdown-teal, .icon--left.btn-red, .icon--left.btn-purple, .icon--left.btn-green, .icon--left.btn-black, .icon--left.btn-white, .icon--left.btn-dropdown-white, .icon--left.btn-yellow, .icon--left.btn-facebook, .icon--left.btn-twitter, .icon--left.btn-transparent, .icon--left.btn-tumblr, .icon--left.btn-paypal, .icon--left.btn-roku, .icon--left.btn-search, .icon--left.btn-dropdown {
|
638
638
|
background-position: left 21px center;
|
639
639
|
padding-left: 43px; }
|
640
|
+
.btn.icon--left.icon--xsmall, .icon--left.icon--xsmall.btn-gray, .icon--left.icon--xsmall.btn-dropdown-gray, .icon--left.icon--xsmall.btn-slate, .icon--left.icon--xsmall.btn-teal, .icon--left.icon--xsmall.btn-dropdown-teal, .icon--left.icon--xsmall.btn-red, .icon--left.icon--xsmall.btn-purple, .icon--left.icon--xsmall.btn-green, .icon--left.icon--xsmall.btn-black, .icon--left.icon--xsmall.btn-white, .icon--left.icon--xsmall.btn-dropdown-white, .icon--left.icon--xsmall.btn-yellow, .icon--left.icon--xsmall.btn-facebook, .icon--left.icon--xsmall.btn-twitter, .icon--left.icon--xsmall.btn-transparent, .icon--left.icon--xsmall.btn-tumblr, .icon--left.icon--xsmall.btn-paypal, .icon--left.icon--xsmall.btn-roku, .icon--left.icon--xsmall.btn-search, .icon--left.icon--xsmall.btn-dropdown {
|
641
|
+
background-position: left 16px center;
|
642
|
+
padding-left: 40px; }
|
643
|
+
.btn.icon--left.icon--xxsmall, .icon--left.icon--xxsmall.btn-gray, .icon--left.icon--xxsmall.btn-dropdown-gray, .icon--left.icon--xxsmall.btn-slate, .icon--left.icon--xxsmall.btn-teal, .icon--left.icon--xxsmall.btn-dropdown-teal, .icon--left.icon--xxsmall.btn-red, .icon--left.icon--xxsmall.btn-purple, .icon--left.icon--xxsmall.btn-green, .icon--left.icon--xxsmall.btn-black, .icon--left.icon--xxsmall.btn-white, .icon--left.icon--xxsmall.btn-dropdown-white, .icon--left.icon--xxsmall.btn-yellow, .icon--left.icon--xxsmall.btn-facebook, .icon--left.icon--xxsmall.btn-twitter, .icon--left.icon--xxsmall.btn-transparent, .icon--left.icon--xxsmall.btn-tumblr, .icon--left.icon--xxsmall.btn-paypal, .icon--left.icon--xxsmall.btn-roku, .icon--left.icon--xxsmall.btn-search, .icon--left.icon--xxsmall.btn-dropdown {
|
644
|
+
background-position: left 18px center;
|
645
|
+
padding-left: 37px; }
|
640
646
|
.btn.icon--left .icon--right, .icon--left.btn-gray .icon--right, .icon--left.btn-dropdown-gray .icon--right, .icon--left.btn-slate .icon--right, .icon--left.btn-teal .icon--right, .icon--left.btn-dropdown-teal .icon--right, .icon--left.btn-red .icon--right, .icon--left.btn-purple .icon--right, .icon--left.btn-green .icon--right, .icon--left.btn-black .icon--right, .icon--left.btn-white .icon--right, .icon--left.btn-dropdown-white .icon--right, .icon--left.btn-yellow .icon--right, .icon--left.btn-facebook .icon--right, .icon--left.btn-twitter .icon--right, .icon--left.btn-transparent .icon--right, .icon--left.btn-tumblr .icon--right, .icon--left.btn-paypal .icon--right, .icon--left.btn-roku .icon--right, .icon--left.btn-search .icon--right, .icon--left.btn-dropdown .icon--right {
|
641
647
|
background-position: right 0px center;
|
642
648
|
padding-right: 21px;
|
@@ -644,6 +650,12 @@ select {
|
|
644
650
|
.btn.icon--right, .icon--right.btn-gray, .icon--right.btn-dropdown-gray, .icon--right.btn-slate, .icon--right.btn-teal, .icon--right.btn-dropdown-teal, .icon--right.btn-red, .icon--right.btn-purple, .icon--right.btn-green, .icon--right.btn-black, .icon--right.btn-white, .icon--right.btn-dropdown-white, .icon--right.btn-yellow, .icon--right.btn-facebook, .icon--right.btn-twitter, .icon--right.btn-transparent, .icon--right.btn-tumblr, .icon--right.btn-paypal, .icon--right.btn-roku, .icon--right.btn-search, .icon--right.btn-dropdown {
|
645
651
|
background-position: right 21px center;
|
646
652
|
padding-right: 43px; }
|
653
|
+
.btn.icon--right.icon--xsmall, .icon--right.icon--xsmall.btn-gray, .icon--right.icon--xsmall.btn-dropdown-gray, .icon--right.icon--xsmall.btn-slate, .icon--right.icon--xsmall.btn-teal, .icon--right.icon--xsmall.btn-dropdown-teal, .icon--right.icon--xsmall.btn-red, .icon--right.icon--xsmall.btn-purple, .icon--right.icon--xsmall.btn-green, .icon--right.icon--xsmall.btn-black, .icon--right.icon--xsmall.btn-white, .icon--right.icon--xsmall.btn-dropdown-white, .icon--right.icon--xsmall.btn-yellow, .icon--right.icon--xsmall.btn-facebook, .icon--right.icon--xsmall.btn-twitter, .icon--right.icon--xsmall.btn-transparent, .icon--right.icon--xsmall.btn-tumblr, .icon--right.icon--xsmall.btn-paypal, .icon--right.icon--xsmall.btn-roku, .icon--right.icon--xsmall.btn-search, .icon--right.icon--xsmall.btn-dropdown {
|
654
|
+
background-position: right 16px center;
|
655
|
+
padding-left: 40px; }
|
656
|
+
.btn.icon--right.icon--xxsmall, .icon--right.icon--xxsmall.btn-gray, .icon--right.icon--xxsmall.btn-dropdown-gray, .icon--right.icon--xxsmall.btn-slate, .icon--right.icon--xxsmall.btn-teal, .icon--right.icon--xxsmall.btn-dropdown-teal, .icon--right.icon--xxsmall.btn-red, .icon--right.icon--xxsmall.btn-purple, .icon--right.icon--xxsmall.btn-green, .icon--right.icon--xxsmall.btn-black, .icon--right.icon--xxsmall.btn-white, .icon--right.icon--xxsmall.btn-dropdown-white, .icon--right.icon--xxsmall.btn-yellow, .icon--right.icon--xxsmall.btn-facebook, .icon--right.icon--xxsmall.btn-twitter, .icon--right.icon--xxsmall.btn-transparent, .icon--right.icon--xxsmall.btn-tumblr, .icon--right.icon--xxsmall.btn-paypal, .icon--right.icon--xxsmall.btn-roku, .icon--right.icon--xxsmall.btn-search, .icon--right.icon--xxsmall.btn-dropdown {
|
657
|
+
background-position: right 18px center;
|
658
|
+
padding-left: 37px; }
|
647
659
|
|
648
660
|
/* button gray shorthand
|
649
661
|
......................................*/
|
@@ -1909,6 +1921,9 @@ html {
|
|
1909
1921
|
.relative {
|
1910
1922
|
position: relative; }
|
1911
1923
|
|
1924
|
+
.absolute {
|
1925
|
+
position: absolute; }
|
1926
|
+
|
1912
1927
|
.pull {
|
1913
1928
|
float: left; }
|
1914
1929
|
|
@@ -5800,6 +5815,11 @@ a.head--white:hover, a.head--white:active {
|
|
5800
5815
|
/*.....................................
|
5801
5816
|
Stand-alone icons using <i>
|
5802
5817
|
......................................*/
|
5818
|
+
.icon.is-loading, .icon.is-processing,
|
5819
|
+
.icon-circle.is-loading,
|
5820
|
+
.icon-circle.is-processing {
|
5821
|
+
background-image: none; }
|
5822
|
+
|
5803
5823
|
.icon {
|
5804
5824
|
display: inline-block;
|
5805
5825
|
background-position: 50% 50%;
|
@@ -6364,6 +6384,9 @@ a.head--white:hover, a.head--white:active {
|
|
6364
6384
|
.loader--transparent.is-processing > *, .loader--transparent.is-loading > * {
|
6365
6385
|
opacity: .2; }
|
6366
6386
|
|
6387
|
+
.loader--offset:after {
|
6388
|
+
top: 125px; }
|
6389
|
+
|
6367
6390
|
.loader--hide {
|
6368
6391
|
position: relative; }
|
6369
6392
|
.loader--hide:after {
|
@@ -7015,6 +7038,15 @@ a.text--blue.is-disabled:link, a.text--blue.is-disabled:visited, a.text--blue.is
|
|
7015
7038
|
.text-contain.text-3 p {
|
7016
7039
|
margin-bottom: 18px; }
|
7017
7040
|
|
7041
|
+
.line-small {
|
7042
|
+
line-height: 15px; }
|
7043
|
+
|
7044
|
+
.line-medium {
|
7045
|
+
line-height: 18px; }
|
7046
|
+
|
7047
|
+
.line-large {
|
7048
|
+
line-height: 21px; }
|
7049
|
+
|
7018
7050
|
/* imports
|
7019
7051
|
...................................*/
|
7020
7052
|
/* .....................................
|