Merge pull request #24 from ansibleguy76/release/v2.2.3

v2.2.3 into main
ansibleguy76 · Feb 11, 2022 · d2927aa · d2927aa
2 parents eb3f618 + 1697c2a
commit d2927aa
Show file tree

Hide file tree

Showing 37 changed files with 355 additions and 149 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.2.3] - 2022-02-11
+
+### Added
+
+-   function fnCredentials(name) to get credentials
+-   function fnRestJwtSecure to pass a credential name, the password of the credentials is assumed the token
+-   Add noLog property to field for expression and query fields, no expressions, queries and results will be logged.
+-   Add new theme
+
+### fixed
+
+-   A clipping visualization improvement
+
 ## [2.2.2] - 2022-02-09
 
 ### Fixed
@@ -148,7 +161,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 -   Allow change password for current local user
 -   Start tracking versions
 
-[Unreleased]: https://github.com/ansibleguy76/ansibleforms/compare/2.2.2...HEAD
+[Unreleased]: https://github.com/ansibleguy76/ansibleforms/compare/2.2.3...HEAD
+
+[2.2.3]: https://github.com/ansibleguy76/ansibleforms/compare/2.2.2...2.2.3
 
 [2.2.2]: https://github.com/ansibleguy76/ansibleforms/compare/2.2.1...2.2.2
 

diff --git a/app_versions.gradle b/app_versions.gradle
@@ -1,2 +1,2 @@
-ext.version_code = 20202
-ext.version_name = "2.2.2"
+ext.version_code = 20203
+ext.version_name = "2.2.3"
diff --git a/client/package.json b/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ansible_forms_vue",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -24,6 +24,7 @@
     "bulma" : "*",
     "bulma-quickview" : "*",
     "bulma-checkradio": "~2.1.3",
+    "typeface-source-sans-pro": "*",
     "brace": "~0.11.1",
     "highlight.js": "9.11.0",
     "vue-highlight.js": "3.1.0",

diff --git a/client/public/assets/_overrides.scss b/client/public/assets/_overrides.scss
@@ -1,114 +1,250 @@
 // Overrides
-@if $bulmaswatch-import-font {
-  @import url("https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap");
+// @if $bulmaswatch-import-font {
+//   @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic&display=swap");
+// }
+@font-face {
+  font-family: "Source Sans Pro";
+  src: url("/assets/fonts/SourceSansPro-Regular.ttf");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Source Sans Pro";
+  src: url("/assets/fonts/SourceSansPro-Italic.ttf");
+  font-weight: 400;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Source Sans Pro";
+  src: url("/assets/fonts/SourceSansPro-Bold.ttf");
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Source Sans Pro";
+  src: url("/assets/fonts/SourceSansPro-Light.ttf");
+  font-weight: 300;
 }
 
-a {
-  transition: all 200ms ease;
+.box {
+  border-style: solid;
+  border-width: 1px 1px $thickness 1px;
+  border-color: $border;
 }
 
 .button {
-  padding-left: 1em;
-  padding-right: 1em;
-  border-radius: 50px;
-
-  &.is-small {
-    border-radius: 40px;
-    font-size: 0.85rem;
-  }
+  height: $control-height + 0.398em;
 }
 
 .button {
-  transition: all 200ms ease;
+  transition: all 300ms ease;
+  border-style: solid;
+  border-width: 1px 1px $thickness 1px;
+  text-transform: uppercase;
+  font-size: 0.85rem;
+  font-weight: bold;
+
+  &.is-hovered,
+  &:hover {
+    border-bottom-width: $thickness - 1;
+  }
 
   &.is-active,
   &.is-focused,
   &:active,
   &:focus {
-    box-shadow: 0 0 0 2px rgba($button-active-border-color, 0.3);
+    box-shadow: none;
   }
   @each $name, $pair in $colors {
     $color: nth($pair, 1);
     $color-invert: nth($pair, 2);
 
     &.is-#{$name} {
+      border-color: darken($color, 5);
+
+      &.is-hovered,
+      &:hover {
+        border-color: darken($color, 10) !important;
+      }
+
       &.is-active,
       &.is-focused,
       &:active,
       &:focus {
-        box-shadow: 0 0 0 2px rgba($color, 0.3);
+        border-color: darken($color, 10);
+        box-shadow: $input-focus-box-shadow-size rgba($color, 0.25);
       }
     }
   }
 }
 
-.content {
-  font-size: 1.1rem;
-  font-family: $family-serif;
+.input,
+.textarea {
+  box-shadow: inset 0 0.125em 0 rgba($black, 0.075);
 
-  .button {
-    font-family: $family-sans-serif;
+  &.is-active,
+  &.is-focused,
+  &:active,
+  &:focus {
+    box-shadow: inset 0 0.125em 0 rgba($black, 0.075),
+      $input-focus-box-shadow-size $input-focus-box-shadow-color;
   }
-}
 
-.card-header-title,
-.menu-label,
-.message-header,
-.modal-card-title,
-.panel-heading,
-.subtitle,
-.title,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 700;
-  font-family: $family-heading;
+  @each $name, $pair in $colors {
+    $color: nth($pair, 1);
+    $color-invert: nth($pair, 2);
+
+    &.is-#{$name} {
+      &.is-active,
+      &.is-focused,
+      &:active,
+      &:focus {
+        border-color: darken($color, 10);
+        box-shadow: inset 0 0.125em 0 rgba($black, 0.075),
+          $input-focus-box-shadow-size rgba($color, 0.25);
+      }
+    }
+  }
 }
 
-blockquote {
-  font-style: italic;
+.select:after {
+  margin-top: -0.575em;
 }
 
-.input,
-.textarea {
-  transition: all 200ms ease;
-  box-shadow: none;
+.select select {
+  border-width: 1px 1px $thickness 1px;
+  &:not([multiple]) {
+    height: calc(#{$control-height} + #{$thickness});
+  }
 }
 
-.notification {
+.file {
+  .file-cta,
+  .file-name {
+    border-width: 1px 1px $thickness 1px;
+    position: unset;
+  }
+  &.has-name .file-name {
+    border-left-width: 0;
+  }
+  &.is-boxed.has-name .file-name {
+    border-width: 1px 1px $thickness 1px;
+  }
   @each $name, $pair in $colors {
     $color: nth($pair, 1);
     $color-invert: nth($pair, 2);
 
     &.is-#{$name} {
-      a:not(.button) {
-        color: $color-invert;
-        text-decoration: underline;
+      .file-cta {
+        border-color: darken($color, 5);
+      }
+      &.is-hovered,
+      &:hover {
+        .file-cta {
+          border-color: darken($color, 10);
+        }
       }
     }
   }
 }
 
-.navbar {
-  border: 1px solid $border;
-}
+.notification {
+  border-style: solid;
+  border-width: 1px 1px $thickness 1px;
+  border-color: $border;
+  @each $name, $pair in $colors {
+    $color: nth($pair, 1);
 
-.hero {
-  .navbar {
-    border: none;
-    box-shadow: 0 1px 0 rgba($border, 0.25);
+    &.is-#{$name} {
+      border-color: darken($color, 5);
+    }
   }
 }
 
+.progress {
+  border-radius: $radius-large;
+}
+
 .card {
-  $card-border-color: $grey-darker;
-  box-shadow: 0 0 1px $grey-light;
+  box-shadow: none;
+  border-style: solid;
+  border-width: 1px 1px $thickness 1px;
+  border-color: $border;
+  background-color: rgba($grey-lighter, 0.075);
+  border-radius: $radius;
+
+  .card-image {
+    img {
+      border-radius: $radius $radius 0 0;
+    }
+  }
 
   .card-header {
     box-shadow: none;
     border-bottom: 1px solid $grey-lighter;
+    border-radius: $radius $radius 0 0;
+  }
+}
+
+.message {
+  .message-body {
+    border-style: solid;
+    border-width: 1px 1px $thickness 1px;
+  }
+}
+
+.hero {
+  .navbar {
+    border: none;
+    box-shadow: 0 $thickness 0 $border;
+  }
+  @each $name, $pair in $colors {
+    $color: nth($pair, 1);
+    $color-invert: nth($pair, 2);
+
+    &.is-#{$name} {
+      .navbar {
+        box-shadow: 0 $thickness 0 darken($color, 5);
+      }
+    }
+  }
+  @include until($navbar-breakpoint) {
+    .navbar-menu {
+      box-shadow: none;
+    }
+  }
+}
+
+.navbar {
+  border: solid $border;
+  border-width: 1px 1px $thickness 1px;
+  @each $name, $pair in $colors {
+    $color: nth($pair, 1);
+    $color-invert: nth($pair, 2);
+
+    &.is-#{$name} {
+      border-color: darken($color, 5);
+    }
+  }
+  .navbar-dropdown {
+    box-shadow: $navbar-dropdown-boxed-shadow;
+    top: 101%;
+  }
+}
+
+.pagination-link,
+.pagination-next,
+.pagination-previous {
+  border-width: 1px 1px $thickness 1px;
+}
+
+.tabs {
+  &.is-boxed li.is-active a {
+    border-top-width: $thickness;
+  }
+
+  &.tabs.is-toggle li.is-active a {
+    box-shadow: inset 0 -#{$thickness} 0 darken($link, 10);
+    border-color: darken($link, 10);
   }
 }