active_frontend 14.0.50 → 14.0.51
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/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/javascripts/base/_choicepicker.js +5 -0
- data/vendor/assets/stylesheets/blocks/_button.scss +6 -6
- data/vendor/assets/stylesheets/blocks/_form.scss +12 -14
- data/vendor/assets/stylesheets/components/_choicepicker.scss +20 -17
- data/vendor/assets/stylesheets/components/_switch.scss +4 -4
- metadata +2 -2
    
        checksums.yaml
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            ---
         | 
| 2 2 | 
             
            SHA1:
         | 
| 3 | 
            -
              metadata.gz:  | 
| 4 | 
            -
              data.tar.gz:  | 
| 3 | 
            +
              metadata.gz: 8140ac029bb0d4c0c5e6a6fb79ba8ff4a1a2c699
         | 
| 4 | 
            +
              data.tar.gz: 695a32a80b50bca248355b8b658d65d33a72bee8
         | 
| 5 5 | 
             
            SHA512:
         | 
| 6 | 
            -
              metadata.gz:  | 
| 7 | 
            -
              data.tar.gz:  | 
| 6 | 
            +
              metadata.gz: 2a182d5eeea51057776c278c7a83f216cb63e4bcb934bcc9ee0c892f1e15b430a29a72e25b3536e8845228ef10c5028e23be5dea953c61cf35413227c4c17658
         | 
| 7 | 
            +
              data.tar.gz: 61093e0b771ac13d2779efc2cc1aeb8ae0dd5a4beea7f5308c973553d8e6dc7b8b15813d2f47c8782c9b5263ef5ac29c0ea48f031040015b854c6544eff552fd
         | 
| @@ -40,6 +40,7 @@ | |
| 40 40 | 
             
              Choicepicker.prototype.init = function () {
         | 
| 41 41 | 
             
                if (!this.hasOptions()) return;
         | 
| 42 42 |  | 
| 43 | 
            +
                this.elementReadOnly();
         | 
| 43 44 | 
             
                this.setWidget();
         | 
| 44 45 | 
             
                this.setVal();
         | 
| 45 46 |  | 
| @@ -118,6 +119,10 @@ | |
| 118 119 | 
             
                return type;
         | 
| 119 120 | 
             
              };
         | 
| 120 121 |  | 
| 122 | 
            +
              Choicepicker.prototype.elementReadOnly = function () {
         | 
| 123 | 
            +
                this.$element.prop('readonly', true);
         | 
| 124 | 
            +
              };
         | 
| 125 | 
            +
             | 
| 121 126 | 
             
              Choicepicker.prototype.selector = function (hash) {
         | 
| 122 127 | 
             
                var selector = this.$selector + hash.selector;
         | 
| 123 128 |  | 
| @@ -25,7 +25,7 @@ | |
| 25 25 | 
             
              font-size: text-size(b);
         | 
| 26 26 | 
             
              font-weight: text-weight(semibold);
         | 
| 27 27 | 
             
              line-height: 1;
         | 
| 28 | 
            -
              padding:  | 
| 28 | 
            +
              padding: 13px 20px;
         | 
| 29 29 | 
             
              text-align: center;
         | 
| 30 30 | 
             
              touch-action: manipulation;
         | 
| 31 31 | 
             
              vertical-align: middle;
         | 
| @@ -146,11 +146,11 @@ | |
| 146 146 | 
             
            .btn-size-m { padding: 15px 25px 16px; }
         | 
| 147 147 | 
             
            .btn-size-s {
         | 
| 148 148 | 
             
              font-size: text-size(s);
         | 
| 149 | 
            -
              padding:  | 
| 149 | 
            +
              padding: 8px 15px 9px;
         | 
| 150 150 | 
             
            }
         | 
| 151 151 | 
             
            .btn-icon {
         | 
| 152 | 
            -
              min-width:  | 
| 153 | 
            -
              padding:  | 
| 152 | 
            +
              min-width: 46px;
         | 
| 153 | 
            +
              padding: 13px 0;
         | 
| 154 154 |  | 
| 155 155 | 
             
              &.btn-size-l,
         | 
| 156 156 | 
             
              &.btn-size-m { font-size: text-size(l); }
         | 
| @@ -163,8 +163,8 @@ | |
| 163 163 | 
             
                padding: 14px 0;
         | 
| 164 164 | 
             
              }
         | 
| 165 165 | 
             
              &.btn-size-s {
         | 
| 166 | 
            -
                min-width:  | 
| 167 | 
            -
                padding:  | 
| 166 | 
            +
                min-width: 34px;
         | 
| 167 | 
            +
                padding: 8px 0 9px;
         | 
| 168 168 | 
             
              }
         | 
| 169 169 | 
             
              &.btn-link { padding: 0; }
         | 
| 170 170 | 
             
            }
         | 
| @@ -53,7 +53,7 @@ textarea { | |
| 53 53 | 
             
              display: block;
         | 
| 54 54 | 
             
              line-height: 1;
         | 
| 55 55 | 
             
              margin-bottom: 10px;
         | 
| 56 | 
            -
              padding:  | 
| 56 | 
            +
              padding: 9px 15px;
         | 
| 57 57 | 
             
              width: 100%;
         | 
| 58 58 | 
             
              vertical-align: middle;
         | 
| 59 59 |  | 
| @@ -114,7 +114,7 @@ label { | |
| 114 114 | 
             
              margin-bottom: 5px;
         | 
| 115 115 | 
             
            }
         | 
| 116 116 | 
             
            select {
         | 
| 117 | 
            -
              padding:  | 
| 117 | 
            +
              padding: 13px 15px;
         | 
| 118 118 |  | 
| 119 119 | 
             
              [multiple],
         | 
| 120 120 | 
             
              [size] { height: auto; }
         | 
| @@ -122,7 +122,7 @@ select { | |
| 122 122 | 
             
              &[disabled] { font-weight: text-weight(semilight); }
         | 
| 123 123 | 
             
            }
         | 
| 124 124 | 
             
            textarea {
         | 
| 125 | 
            -
              height:  | 
| 125 | 
            +
              height: 152px;
         | 
| 126 126 | 
             
              overflow: auto;
         | 
| 127 127 |  | 
| 128 128 | 
             
              &::-webkit-input-placeholder { line-height: 1; }
         | 
| @@ -181,27 +181,27 @@ textarea { | |
| 181 181 | 
             
                textarea {
         | 
| 182 182 | 
             
                  font-size: text-size(s);
         | 
| 183 183 | 
             
                  margin-bottom: 5px;
         | 
| 184 | 
            -
                  padding:  | 
| 184 | 
            +
                  padding: 5px 10px;
         | 
| 185 185 | 
             
                }
         | 
| 186 186 | 
             
                input {
         | 
| 187 187 | 
             
                  &::-webkit-input-placeholder { line-height: 20px; }
         | 
| 188 188 | 
             
                  &::-moz-placeholder { line-height: 20px; }
         | 
| 189 189 | 
             
                  &:-ms-input-placeholder { line-height: 20px; }
         | 
| 190 190 | 
             
                }
         | 
| 191 | 
            -
                textarea { height:  | 
| 191 | 
            +
                textarea { height: 109px; }
         | 
| 192 192 |  | 
| 193 193 | 
             
                &.form-height-m {
         | 
| 194 | 
            -
                  textarea { height:  | 
| 194 | 
            +
                  textarea { height: 145px; }
         | 
| 195 195 | 
             
                }
         | 
| 196 196 | 
             
                &.form-height-s {
         | 
| 197 | 
            -
                  textarea { height:  | 
| 197 | 
            +
                  textarea { height: 73px; }
         | 
| 198 198 | 
             
                }
         | 
| 199 199 | 
             
              }
         | 
| 200 200 | 
             
              &.form-height-m {
         | 
| 201 | 
            -
                textarea { height:  | 
| 201 | 
            +
                textarea { height: 202px; }
         | 
| 202 202 | 
             
              }
         | 
| 203 203 | 
             
              &.form-height-s {
         | 
| 204 | 
            -
                textarea { height:  | 
| 204 | 
            +
                textarea { height: 102px; }
         | 
| 205 205 | 
             
              }
         | 
| 206 206 | 
             
              &.form-width-l {
         | 
| 207 207 | 
             
                input,
         | 
| @@ -278,7 +278,7 @@ textarea { | |
| 278 278 | 
             
                select {
         | 
| 279 279 | 
             
                  font-size: text-size(s);
         | 
| 280 280 | 
             
                  margin-bottom: 5px;
         | 
| 281 | 
            -
                  padding:  | 
| 281 | 
            +
                  padding: 8px 10px 9px;
         | 
| 282 282 | 
             
                }
         | 
| 283 283 |  | 
| 284 284 | 
             
                &::after {
         | 
| @@ -493,12 +493,11 @@ textarea { | |
| 493 493 | 
             
                padding-left: 10px;
         | 
| 494 494 | 
             
                padding-right: 10px;
         | 
| 495 495 | 
             
              }
         | 
| 496 | 
            -
             | 
| 497 496 | 
             
              .form-addon {
         | 
| 498 497 | 
             
                border-style: solid;
         | 
| 499 498 | 
             
                border-width: 1px;
         | 
| 500 499 | 
             
                line-height: 1;
         | 
| 501 | 
            -
                min-width:  | 
| 500 | 
            +
                min-width: 44px;
         | 
| 502 501 | 
             
                padding: 0 10px;
         | 
| 503 502 | 
             
                text-align: center;
         | 
| 504 503 | 
             
                white-space: nowrap;
         | 
| @@ -523,14 +522,12 @@ textarea { | |
| 523 522 |  | 
| 524 523 | 
             
                .form-checkbox,
         | 
| 525 524 | 
             
                .form-radio { border: 0; }
         | 
| 526 | 
            -
             | 
| 527 525 | 
             
                .form-checkbox {
         | 
| 528 526 | 
             
                  border-radius: border-radius(b);
         | 
| 529 527 |  | 
| 530 528 | 
             
                  label,
         | 
| 531 529 | 
             
                  label::after { border-radius: border-radius(s); }
         | 
| 532 530 | 
             
                }
         | 
| 533 | 
            -
             | 
| 534 531 | 
             
                .form-radio {
         | 
| 535 532 | 
             
                  border-radius: border-radius(xl);
         | 
| 536 533 |  | 
| @@ -575,6 +572,7 @@ textarea { | |
| 575 572 | 
             
                .form-addon {
         | 
| 576 573 | 
             
                  font-size: text-size(s);
         | 
| 577 574 | 
             
                  min-width: 30px;
         | 
| 575 | 
            +
                  padding: 0 9px;
         | 
| 578 576 |  | 
| 579 577 | 
             
                  .color-picker {
         | 
| 580 578 | 
             
                    .dropmenu { margin-left: -7px; }
         | 
| @@ -2,30 +2,33 @@ | |
| 2 2 | 
             
            // ==================================================
         | 
| 3 3 | 
             
            // Choicepicker
         | 
| 4 4 |  | 
| 5 | 
            +
            // scss-lint:disable NestingDepth
         | 
| 6 | 
            +
            // scss-lint:disable SelectorDepth
         | 
| 7 | 
            +
             | 
| 5 8 | 
             
            // Choicepicker
         | 
| 6 9 | 
             
            // ==================================================
         | 
| 7 10 | 
             
            .choicepicker {
         | 
| 8 | 
            -
               span {
         | 
| 11 | 
            +
               > span {
         | 
| 9 12 | 
             
                 display: block;
         | 
| 10 13 | 
             
                 max-height: 230px;
         | 
| 11 14 | 
             
                 overflow-x: auto;
         | 
| 12 | 
            -
               }
         | 
| 13 15 |  | 
| 14 | 
            -
             | 
| 15 | 
            -
             | 
| 16 | 
            -
             | 
| 17 | 
            -
             | 
| 18 | 
            -
             | 
| 19 | 
            -
             | 
| 20 | 
            -
             | 
| 21 | 
            -
             | 
| 22 | 
            -
             | 
| 16 | 
            +
                 > li {
         | 
| 17 | 
            +
                   border-bottom: 1px solid;
         | 
| 18 | 
            +
                   border-bottom-color: inherit;
         | 
| 19 | 
            +
                   clear: both;
         | 
| 20 | 
            +
                   display: block;
         | 
| 21 | 
            +
                   font-weight: inherit;
         | 
| 22 | 
            +
                   line-height: 1;
         | 
| 23 | 
            +
                   padding: 16px 20px 14px;
         | 
| 24 | 
            +
                   margin: 0;
         | 
| 23 25 |  | 
| 24 | 
            -
             | 
| 26 | 
            +
                   &:last-child { border-bottom: 0; }
         | 
| 25 27 |  | 
| 26 | 
            -
             | 
| 27 | 
            -
             | 
| 28 | 
            -
             | 
| 29 | 
            -
             | 
| 30 | 
            -
             | 
| 28 | 
            +
                   > label {
         | 
| 29 | 
            +
                     font-weight: text-weight(normal);
         | 
| 30 | 
            +
                     margin: 0 0 0 10px;
         | 
| 31 | 
            +
                   }
         | 
| 32 | 
            +
                 }
         | 
| 33 | 
            +
               }
         | 
| 31 34 | 
             
            }
         | 
| @@ -16,7 +16,7 @@ | |
| 16 16 | 
             
              overflow: hidden;
         | 
| 17 17 | 
             
              position: relative;
         | 
| 18 18 | 
             
              vertical-align: top;
         | 
| 19 | 
            -
              width:  | 
| 19 | 
            +
              width: 56px;
         | 
| 20 20 |  | 
| 21 21 | 
             
              input[type='checkbox'] { display: none; }
         | 
| 22 22 |  | 
| @@ -82,7 +82,7 @@ | |
| 82 82 | 
             
            // ==================================================
         | 
| 83 83 | 
             
            .switch-size-l {
         | 
| 84 84 | 
             
              height: 36px;
         | 
| 85 | 
            -
              width:  | 
| 85 | 
            +
              width: 76px;
         | 
| 86 86 |  | 
| 87 87 | 
             
              .switch-handle {
         | 
| 88 88 | 
             
                height: 36px;
         | 
| @@ -102,7 +102,7 @@ | |
| 102 102 | 
             
            }
         | 
| 103 103 | 
             
            .switch-size-m {
         | 
| 104 104 | 
             
              height: 32px;
         | 
| 105 | 
            -
              width:  | 
| 105 | 
            +
              width: 66px;
         | 
| 106 106 |  | 
| 107 107 | 
             
              .switch-handle {
         | 
| 108 108 | 
             
                height: 32px;
         | 
| @@ -122,7 +122,7 @@ | |
| 122 122 | 
             
            }
         | 
| 123 123 | 
             
            .switch-size-s {
         | 
| 124 124 | 
             
              height: 24px;
         | 
| 125 | 
            -
              width:  | 
| 125 | 
            +
              width: 48px;
         | 
| 126 126 |  | 
| 127 127 | 
             
              .switch-handle {
         | 
| 128 128 | 
             
                height: 24px;
         | 
    
        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: 14.0. | 
| 4 | 
            +
              version: 14.0.51
         | 
| 5 5 | 
             
            platform: ruby
         | 
| 6 6 | 
             
            authors:
         | 
| 7 7 | 
             
            - Juan Gomez
         | 
| 8 8 | 
             
            autorequire: 
         | 
| 9 9 | 
             
            bindir: exe
         | 
| 10 10 | 
             
            cert_chain: []
         | 
| 11 | 
            -
            date:  | 
| 11 | 
            +
            date: 2017-01-01 00:00:00.000000000 Z
         | 
| 12 12 | 
             
            dependencies:
         | 
| 13 13 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 14 14 | 
             
              name: rails
         |