nfg_ui 6.16.1 → 6.16.3
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/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sortable.scss +68 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_dropzone.scss +3 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_trix.scss +6 -4
- data/lib/nfg_ui/bootstrap/utilities/tooltipable.rb +2 -2
- data/lib/nfg_ui/version.rb +1 -1
- metadata +2 -2
    
        checksums.yaml
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            ---
         | 
| 2 2 | 
             
            SHA256:
         | 
| 3 | 
            -
              metadata.gz:  | 
| 4 | 
            -
              data.tar.gz:  | 
| 3 | 
            +
              metadata.gz: 52500ba68ff871e45d98c608144dd88357dc9a9654873654ec36a4f046cf7bfb
         | 
| 4 | 
            +
              data.tar.gz: 94368c34db7913b91e2dcd4a9f9933ce2e20fc2f641564985cd169703c98c71d
         | 
| 5 5 | 
             
            SHA512:
         | 
| 6 | 
            -
              metadata.gz:  | 
| 7 | 
            -
              data.tar.gz:  | 
| 6 | 
            +
              metadata.gz: 1cdf2963fc82f7e0af5085135678aa07622f98a66ceeec917ffffee32348412f97cf935ea6eb28fdc9ee18ab23bce8937400e3084fd49909d2aa4d9208aa4bde
         | 
| 7 | 
            +
              data.tar.gz: 1be799f8076c9ff23dd3e65a7eb69509f4c1c09ec0f4502f1efa2aaba61289015ba454b9392d2a54dd2aa2bc98d90adebfb134543b28e45dd9d63ac7d0a6b532
         | 
| @@ -27,3 +27,71 @@ | |
| 27 27 | 
             
            .option {
         | 
| 28 28 | 
             
              &.ui-sortable-placeholder { margin-bottom: ($spacer * .25); }
         | 
| 29 29 | 
             
            }
         | 
| 30 | 
            +
             | 
| 31 | 
            +
             | 
| 32 | 
            +
            // Used for sorting images for auction items
         | 
| 33 | 
            +
            .sortable-image {
         | 
| 34 | 
            +
              padding: ($grid-gutter-width * .5);
         | 
| 35 | 
            +
              border: $border-width dashed transparent;
         | 
| 36 | 
            +
              &.sortable-ghost {
         | 
| 37 | 
            +
                background-color: $body-bg;
         | 
| 38 | 
            +
                border-color: $border-color;
         | 
| 39 | 
            +
                border-radius: $border-radius;
         | 
| 40 | 
            +
              }
         | 
| 41 | 
            +
              @for $i from 0 through 20 {
         | 
| 42 | 
            +
                &:nth-child(#{$i}) {
         | 
| 43 | 
            +
                  .sortable-item::after { content: '#{$i - 1}'; }
         | 
| 44 | 
            +
                }
         | 
| 45 | 
            +
              }
         | 
| 46 | 
            +
            }
         | 
| 47 | 
            +
            .sortable-item {
         | 
| 48 | 
            +
              width: ($spacer * 5);
         | 
| 49 | 
            +
              height: ($spacer * 5);
         | 
| 50 | 
            +
              text-align: center;
         | 
| 51 | 
            +
              background-color: $white;
         | 
| 52 | 
            +
              border-radius: $border-radius;
         | 
| 53 | 
            +
              overflow: hidden;
         | 
| 54 | 
            +
              cursor: pointer;
         | 
| 55 | 
            +
              transition: $transition-base;
         | 
| 56 | 
            +
              &:hover {
         | 
| 57 | 
            +
                box-shadow: $box-shadow-sm;
         | 
| 58 | 
            +
                .delete-image-btn { bottom: 0; }
         | 
| 59 | 
            +
              }
         | 
| 60 | 
            +
              &::after {
         | 
| 61 | 
            +
                position: absolute;
         | 
| 62 | 
            +
                top: 0;
         | 
| 63 | 
            +
                left: 0;
         | 
| 64 | 
            +
                padding: ($spacer * .25) ($spacer * .5);
         | 
| 65 | 
            +
                color: $body-color;
         | 
| 66 | 
            +
                background-color: $white;
         | 
| 67 | 
            +
                border-right: $border-width solid $border-color;
         | 
| 68 | 
            +
                border-bottom: $border-width solid $border-color;
         | 
| 69 | 
            +
                border-radius: $border-radius 0 $border-radius 0;
         | 
| 70 | 
            +
                z-index: 10;
         | 
| 71 | 
            +
                opacity: 0.9;
         | 
| 72 | 
            +
              }
         | 
| 73 | 
            +
              img { // keeps image scaled proportionally
         | 
| 74 | 
            +
                position: absolute;
         | 
| 75 | 
            +
                top: 0;
         | 
| 76 | 
            +
                right: 0;
         | 
| 77 | 
            +
                bottom: 0;
         | 
| 78 | 
            +
                left: 0;
         | 
| 79 | 
            +
                width: auto !important;
         | 
| 80 | 
            +
                min-width: 0px !important;
         | 
| 81 | 
            +
                max-width: 100%;
         | 
| 82 | 
            +
                height: 100% !important;
         | 
| 83 | 
            +
                max-height: 100%;
         | 
| 84 | 
            +
                margin: auto;
         | 
| 85 | 
            +
                z-index: 0;
         | 
| 86 | 
            +
              }
         | 
| 87 | 
            +
              .delete-image-btn {
         | 
| 88 | 
            +
                position: absolute;
         | 
| 89 | 
            +
                bottom: -(($spacer * 1.25) + 1rem);
         | 
| 90 | 
            +
                right: 0;
         | 
| 91 | 
            +
                left: 0;
         | 
| 92 | 
            +
                z-index: 10;
         | 
| 93 | 
            +
                background-color: $white;
         | 
| 94 | 
            +
                transition: $transition-base;
         | 
| 95 | 
            +
                border-top: $border-width solid $border-color;
         | 
| 96 | 
            +
              }
         | 
| 97 | 
            +
            }
         | 
| @@ -1,5 +1,6 @@ | |
| 1 | 
            +
            //** Override styles for dropzone
         | 
| 1 2 | 
             
            .dropzone-target {
         | 
| 2 | 
            -
              padding: $spacer !important;
         | 
| 3 | 
            +
              padding: ($spacer * 1.25) !important;
         | 
| 3 4 | 
             
              min-height: ($spacer * 6) !important;
         | 
| 4 5 | 
             
              border: $border-width solid $border-color !important;
         | 
| 5 6 | 
             
              background-color: $white;
         | 
| @@ -13,3 +14,4 @@ | |
| 13 14 | 
             
            }
         | 
| 14 15 | 
             
            [data-dz-remove] { cursor: pointer; }
         | 
| 15 16 | 
             
            .dz-preview + .dz-preview { margin-top: $spacer; }
         | 
| 17 | 
            +
            .dropzone .dz-message { margin: 0 !important; }
         | 
| @@ -88,10 +88,12 @@ | |
| 88 88 | 
             
              }
         | 
| 89 89 | 
             
            }
         | 
| 90 90 |  | 
| 91 | 
            +
            .trix-button-row { overflow-y: hidden !important; }
         | 
| 92 | 
            +
             | 
| 91 93 | 
             
            // Editor similar to textarea
         | 
| 92 94 | 
             
            trix-editor {
         | 
| 93 | 
            -
              padding:  | 
| 94 | 
            -
              min-height: ($spacer * 5);
         | 
| 95 | 
            -
              border: $input-border-width solid $input-border-color;
         | 
| 96 | 
            -
              border-radius: $input-border-radius;
         | 
| 95 | 
            +
              padding: $input-padding-y $input-padding-x !important;
         | 
| 96 | 
            +
              min-height: ($spacer * 5) !important;
         | 
| 97 | 
            +
              border: $input-border-width solid $input-border-color !important;
         | 
| 98 | 
            +
              border-radius: $input-border-radius !important;
         | 
| 97 99 | 
             
            }
         | 
| @@ -40,7 +40,7 @@ module NfgUi | |
| 40 40 | 
             
                    # It is undesirable that every Tooltipable component also received
         | 
| 41 41 | 
             
                    # the disableable functionality as well.
         | 
| 42 42 | 
             
                    include Bootstrap::Utilities::Disableable
         | 
| 43 | 
            -
             | 
| 43 | 
            +
             | 
| 44 44 | 
             
                    def tooltip
         | 
| 45 45 | 
             
                      options.fetch(:tooltip, nil)
         | 
| 46 46 | 
             
                    end
         | 
| @@ -70,7 +70,7 @@ module NfgUi | |
| 70 70 | 
             
                    def disabled_component_tooltip_wrapper_html_options
         | 
| 71 71 | 
             
                      { data: tooltip_data_attributes,
         | 
| 72 72 | 
             
                        title: tooltip,
         | 
| 73 | 
            -
                        class: 'd-inline-block',
         | 
| 73 | 
            +
                        class: options[:block] ? 'd-block' : 'd-inline-block',
         | 
| 74 74 | 
             
                        tabindex: '0' }
         | 
| 75 75 | 
             
                    end
         | 
| 76 76 |  | 
    
        data/lib/nfg_ui/version.rb
    CHANGED
    
    
    
        metadata
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: nfg_ui
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: 6.16. | 
| 4 | 
            +
              version: 6.16.3
         | 
| 5 5 | 
             
            platform: ruby
         | 
| 6 6 | 
             
            authors:
         | 
| 7 7 | 
             
            - Jonathan Roehm
         | 
| @@ -9,7 +9,7 @@ authors: | |
| 9 9 | 
             
            autorequire:
         | 
| 10 10 | 
             
            bindir: bin
         | 
| 11 11 | 
             
            cert_chain: []
         | 
| 12 | 
            -
            date: 2023- | 
| 12 | 
            +
            date: 2023-09-07 00:00:00.000000000 Z
         | 
| 13 13 | 
             
            dependencies:
         | 
| 14 14 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 15 15 | 
             
              name: bootstrap
         |