@burh/nuxt-core 1.0.472 → 1.0.474

package/assets/sass/burh-ds/content/_interface-spa.scss

@@ -1,306 +1,306 @@
-
-@import "node_modules/bootstrap/scss/mixins/_breakpoints";
-
-// Estrutura para pagina com unico footer => somente no arquivo ./pages/testes.scss, era o original
-// interface-spa-testes
-//      interface-spa__header
-//      interface-spa__body
-//          interface-spa__aside
-//          interface-spa__content
-//      interface-spa__footer
-//          interface-spa__aside
-//          interface-spa__content
-
-// Estrutura padrão universal para facilitar utilização do grid isolado => * significa que compartilham tamanhos
-// interface-spa
-//      interface-spa__header
-//      interface-spa__body
-//          interface-spa__aside
-//              interface-spa__aside__header *
-//              interface-spa__aside__body *
-//              interface-spa__aside__footer *
-//          interface-spa__content
-//              interface-spa__content__header *
-//              interface-spa__content__body *
-//              interface-spa__content__footer *
-
-
-.interface-spa {
-    overflow: hidden;
-
-    &__header,
-    &__body {
-        @include media-breakpoint-up(lg) {
-            overflow: hidden;
-            display: flex;
-        }
-    }
-
-    &__header {
-        position: fixed;
-        width: 100%;
-        height: calc(#{$navbar-height-mobile} / 1.4);
-        top: #{$navbar-height-mobile};
-        left: 0;
-        z-index: 20;
-        padding: 0;
-        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
-        background-color: $base-light;
-
-        .btn {
-            width: 100%;
-            margin: 0;
-        }
-
-        @media (min-width:  map-get($grid-breakpoints, "md")) {
-            padding: $spacer #{$document-padding/2};
-        }
-        @media (min-width:  map-get($grid-breakpoints, "lg")) {
-            padding: $spacer #{$document-padding*1.5};
-        }
-
-
-        @include media-breakpoint-up(lg) {
-            position: relative;
-            top: 0;
-            align-items: center;
-            height: $navbar-height;
-            //padding: $spacer #{$spacer*2};
-            //box-shadow: inset 0 0 0 1px $border-color-light;
-            outline: 1px solid $card-border-color;
-
-
-            .btn {
-                width: auto;
-            }
-        }
-        .form-group {
-            margin: 0;
-        }
-    }
-    &__filter {
-        display: flex;
-        width: 100%;
-        align-items: center;
-        flex-wrap: wrap;
-        min-height: 100%;
-        padding: 0;
-        background-color: $base-light;
-        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
-
-        @include media-breakpoint-up(lg) {
-            flex-wrap: nowrap;
-            box-shadow: none;
-        }
-
-        .wrapper {
-            position: relative;
-            z-index: 10;
-            width: 100%;
-            padding: .5rem 1rem;
-
-            @include media-breakpoint-up(lg) {
-                padding: 0;
-            }
-        }
-
-        &__header {
-            @include media-breakpoint-up(lg) {
-                display: none !important;
-            }
-        }
-        &__controls {
-            width: 100%;
-            height: 0;
-            overflow: hidden;
-
-            @include media-breakpoint-up(lg) {
-                display: flex;
-                height: auto;
-                overflow: initial;
-            }
-            > * {
-                margin-bottom: .5rem !important;
-
-                @include media-breakpoint-up(lg) {
-                    margin-bottom: 0 !important;
-                }
-            }
-        }
-        &.active {
-            z-index: 10;
-
-            .interface-spa__filter {
-                &__controls {
-                    height: auto;
-                    padding: 1rem 0 0;
-                }
-            }
-            &::after {
-                content: " ";
-                position: fixed;
-                top: 0;
-                left: 0;
-                z-index: 9;
-                display: block;
-                width: 100%;
-                height: 100%;
-                background: $base-dark;
-                opacity: .75;
-            }
-        }
-    }
-
-    &__body {
-        //padding-bottom: 10rem;
-    }
-
-    &__aside,
-    &__content {
-        &__header,
-        &__footer {
-            position: relative;
-            z-index: 10;
-        }
-        &__header {
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            height: $navbar-height;
-            background-color: $base-light;
-            box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
-            font-size: .8rem;
-
-            @include media-breakpoint-up(lg) {
-                position: relative;
-            }
-        }
-        &__body {
-            //top: $navbar-height;
-            //left: 0;
-            //height: calc(100vh - #{$navbar-height * 4});
-            @extend .scrollbar;
-
-            @include media-breakpoint-up(lg) {
-                overflow-y: auto;
-                height: calc(100vh - #{$navbar-height * 4});
-                padding-bottom: 0;
-            }
-        }
-        &__footer {
-            display: none;
-            width: 100%;
-            height: $navbar-height;
-
-            @include media-breakpoint-up(lg) {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
-        }
-    }
-    &__aside {
-        position: relative;
-
-        @include media-breakpoint-up(lg) {
-            width: calc(#{$aside-width} + #{$document-padding*1.5});
-        }
-        @media only screen and (min-width: 1440px) {
-            width: calc(#{$aside-min-width*1.5} + #{$document-padding*1.5});
-        }
-        &__header {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-        &__body {
-            padding-top: calc(#{$navbar-height-mobile} / 1.4);
-
-            @include media-breakpoint-up(lg) {
-                padding-top: 0;
-                box-shadow: inset 0 0 0 1px $border-color-light;
-            }
-        }
-        &__footer {
-            background-color: $primary;
-            color: $white;
-
-            @include media-breakpoint-up(lg) {
-            }
-        }
-
-        &--big {
-            @include media-breakpoint-up(lg) {
-                .interface-spa__aside__body {
-                    height: calc(100vh - #{$navbar-height * 3}); // removing 1 item
-                }
-            }
-        }
-    }
-    &__content {
-        display: none;
-        transition: all .45s ease-in-out;
-        @extend .scrollbar;
-
-        @include media-breakpoint-up(lg) {
-            display: block;
-            width: calc(100% - #{$aside-width});
-            height: calc(100vh - #{$navbar-height * 2});
-            overflow-y: auto;
-            transform: translateY(0);
-            opacity: 1;
-            transition: all .45s ease-in-out;
-        }
-        @media only screen and (min-width: 1440px) {
-            width: calc(100vw - #{$aside-min-width*1.5} );
-        }
-    }
-    .wrapper {
-        background: $base-light;
-    }
-}
-
-
-@include media-breakpoint-up(lg) {
-    .interface-spa {
-        //quanto tem apenas um item
-        &--single {
-            .interface-spa {
-                &__aside {
-                    width: 0;
-
-                    .search {
-                        &__header {
-                            width: $aside-width;
-                            position: absolute;
-                        }
-                    }
-                }
-                &__content {
-                    width: 100%;
-
-                    .search {
-                        &__header {
-                            padding-left: calc(#{$aside-width} + 2rem);
-                        }
-                        &__body {
-                            .card {
-                                max-width: 1200px;
-                                margin-right: auto;
-                                margin-left: auto;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-.container-fluid {
-    &--bu {
-        width: 90%!important;
-		max-width: 1760px!important;
-    }
-}
+
+@import "node_modules/bootstrap/scss/mixins/_breakpoints";
+
+// Estrutura para pagina com unico footer => somente no arquivo ./pages/testes.scss, era o original
+// interface-spa-testes
+//      interface-spa__header
+//      interface-spa__body
+//          interface-spa__aside
+//          interface-spa__content
+//      interface-spa__footer
+//          interface-spa__aside
+//          interface-spa__content
+
+// Estrutura padrão universal para facilitar utilização do grid isolado => * significa que compartilham tamanhos
+// interface-spa
+//      interface-spa__header
+//      interface-spa__body
+//          interface-spa__aside
+//              interface-spa__aside__header *
+//              interface-spa__aside__body *
+//              interface-spa__aside__footer *
+//          interface-spa__content
+//              interface-spa__content__header *
+//              interface-spa__content__body *
+//              interface-spa__content__footer *
+
+
+.interface-spa {
+    overflow: hidden;
+
+    &__header,
+    &__body {
+        @include media-breakpoint-up(lg) {
+            overflow: hidden;
+            display: flex;
+        }
+    }
+
+    &__header {
+        position: fixed;
+        width: 100%;
+        height: calc(#{$navbar-height-mobile} / 1.4);
+        top: #{$navbar-height-mobile};
+        left: 0;
+        z-index: 20;
+        padding: 0;
+        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
+        background-color: $base-light;
+
+        .btn {
+            width: 100%;
+            margin: 0;
+        }
+
+        @media (min-width:  map-get($grid-breakpoints, "md")) {
+            padding: $spacer #{$document-padding/2};
+        }
+        @media (min-width:  map-get($grid-breakpoints, "lg")) {
+            padding: $spacer #{$document-padding*1.5};
+        }
+
+
+        @include media-breakpoint-up(lg) {
+            position: relative;
+            top: 0;
+            align-items: center;
+            height: $navbar-height;
+            //padding: $spacer #{$spacer*2};
+            //box-shadow: inset 0 0 0 1px $border-color-light;
+            outline: 1px solid $card-border-color;
+
+
+            .btn {
+                width: auto;
+            }
+        }
+        .form-group {
+            margin: 0;
+        }
+    }
+    &__filter {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        flex-wrap: wrap;
+        min-height: 100%;
+        padding: 0;
+        background-color: $base-light;
+        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
+
+        @include media-breakpoint-up(lg) {
+            flex-wrap: nowrap;
+            box-shadow: none;
+        }
+
+        .wrapper {
+            position: relative;
+            z-index: 10;
+            width: 100%;
+            padding: .5rem 1rem;
+
+            @include media-breakpoint-up(lg) {
+                padding: 0;
+            }
+        }
+
+        &__header {
+            @include media-breakpoint-up(lg) {
+                display: none !important;
+            }
+        }
+        &__controls {
+            width: 100%;
+            height: 0;
+            overflow: hidden;
+
+            @include media-breakpoint-up(lg) {
+                display: flex;
+                height: auto;
+                overflow: initial;
+            }
+            > * {
+                margin-bottom: .5rem !important;
+
+                @include media-breakpoint-up(lg) {
+                    margin-bottom: 0 !important;
+                }
+            }
+        }
+        &.active {
+            z-index: 10;
+
+            .interface-spa__filter {
+                &__controls {
+                    height: auto;
+                    padding: 1rem 0 0;
+                }
+            }
+            &::after {
+                content: " ";
+                position: fixed;
+                top: 0;
+                left: 0;
+                z-index: 9;
+                display: block;
+                width: 100%;
+                height: 100%;
+                background: $base-dark;
+                opacity: .75;
+            }
+        }
+    }
+
+    &__body {
+        //padding-bottom: 10rem;
+    }
+
+    &__aside,
+    &__content {
+        &__header,
+        &__footer {
+            position: relative;
+            z-index: 10;
+        }
+        &__header {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: $navbar-height;
+            background-color: $base-light;
+            box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
+            font-size: .8rem;
+
+            @include media-breakpoint-up(lg) {
+                position: relative;
+            }
+        }
+        &__body {
+            //top: $navbar-height;
+            //left: 0;
+            //height: calc(100vh - #{$navbar-height * 4});
+            @extend .scrollbar;
+
+            @include media-breakpoint-up(lg) {
+                overflow-y: auto;
+                height: calc(100vh - #{$navbar-height * 4});
+                padding-bottom: 0;
+            }
+        }
+        &__footer {
+            display: none;
+            width: 100%;
+            height: $navbar-height;
+
+            @include media-breakpoint-up(lg) {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        }
+    }
+    &__aside {
+        position: relative;
+
+        @include media-breakpoint-up(lg) {
+            width: calc(#{$aside-width} + #{$document-padding*1.5});
+        }
+        @media only screen and (min-width: 1440px) {
+            width: calc(#{$aside-min-width*1.5} + #{$document-padding*1.5});
+        }
+        &__header {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        &__body {
+            padding-top: calc(#{$navbar-height-mobile} / 1.4);
+
+            @include media-breakpoint-up(lg) {
+                padding-top: 0;
+                box-shadow: inset 0 0 0 1px $border-color-light;
+            }
+        }
+        &__footer {
+            background-color: $primary;
+            color: $white;
+
+            @include media-breakpoint-up(lg) {
+            }
+        }
+
+        &--big {
+            @include media-breakpoint-up(lg) {
+                .interface-spa__aside__body {
+                    height: calc(100vh - #{$navbar-height * 3}); // removing 1 item
+                }
+            }
+        }
+    }
+    &__content {
+        display: none;
+        transition: all .45s ease-in-out;
+        @extend .scrollbar;
+
+        @include media-breakpoint-up(lg) {
+            display: block;
+            width: calc(100% - #{$aside-width});
+            height: calc(100vh - #{$navbar-height * 2});
+            overflow-y: auto;
+            transform: translateY(0);
+            opacity: 1;
+            transition: all .45s ease-in-out;
+        }
+        @media only screen and (min-width: 1440px) {
+            width: calc(100vw - #{$aside-min-width*1.5} );
+        }
+    }
+    .wrapper {
+        background: $base-light;
+    }
+}
+
+
+@include media-breakpoint-up(lg) {
+    .interface-spa {
+        //quanto tem apenas um item
+        &--single {
+            .interface-spa {
+                &__aside {
+                    width: 0;
+
+                    .search {
+                        &__header {
+                            width: $aside-width;
+                            position: absolute;
+                        }
+                    }
+                }
+                &__content {
+                    width: 100%;
+
+                    .search {
+                        &__header {
+                            padding-left: calc(#{$aside-width} + 2rem);
+                        }
+                        &__body {
+                            .card {
+                                max-width: 1200px;
+                                margin-right: auto;
+                                margin-left: auto;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.container-fluid {
+    &--bu {
+        width: 90%!important;
+		max-width: 1760px!important;
+    }
+}

package/assets/sass/burh-ds/molecules/_modal.scss

@@ -11,7 +11,7 @@
             &-info {
                 background: $color-info !important;
             }
-            
+
             &-success {
                 background: $color-success !important;
             }
@@ -62,7 +62,7 @@
             border-bottom-right-radius: .25rem;
         }
 
-        .input-group-prepend { 
+        .input-group-prepend {
             border-right: 1px solid rgba(0, 0, 0, 0.2);
             border-top-right-radius: .25rem;
             border-bottom-right-radius: .25rem;
@@ -85,7 +85,7 @@
                 display: block;
                 width:17px;
                 height: 100vh;
-                overflow-y: scroll;
+                overflow-y: auto;
             }
         }
         @media (min-width:  map-get($grid-breakpoints, "sm")) {
@@ -136,7 +136,7 @@ $modal-header-height: 70px;
         .row {
             &.border-bottom {
                 border-bottom: 0 !important;
-    
+
                 &:after {
                     content: "";
                     display: block;
@@ -173,4 +173,4 @@ $modal-header-height: 70px;
         font-size: 1.55rem;
         font-weight: 600;
     }
-}
+}