- A free, fast & beautiful API request builder + A free, fast and beautiful API request builder
Web alternative to Postman - Helps you create requests faster, saving precious time on development - Subscribe
@@ -204,7 +204,7 @@ _**All `i18n` contributions are welcome to `i18n` [branch](https://github.com/li
- **[CLI β](https://github.com/postwoman-io/postwoman-cli)** - A CLI solution for Postwoman
- **Browser Extensions** - Browser extensions that simplifies access to Postwoman
- [ **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/postwoman) ([GitHub](https://github.com/AndrewBastin/postwoman-firefox)) | [ **Chrome**](https://chrome.google.com/webstore/detail/postwoman-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld) ([GitHub](https://github.com/AndrewBastin/postwoman-chrome))
+ [ **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/postwoman) | [ **Chrome**](https://chrome.google.com/webstore/detail/postwoman-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld) ([GitHub](https://github.com/AndrewBastin/postwoman-extension))
>**Extensions fixes `CORS` issues.**
@@ -315,7 +315,10 @@ See the [CHANGELOG](CHANGELOG.md) file for details.
### Lead Developers
* **[Liyas Thomas](https://github.com/liyasthomas)** - *Author*
-* **[Caneco](https://twitter.com/caneco)** - *Designer*
+* **[John Harker](https://github.com/NBTX)** - *Lead developer*
+* **[Andrew Bastin](https://github.com/andrewbastin)** - *Lead developer*
+* **[James George](https://github.com/jamesgeorge007)** - *Lead maintainer*
+* **[Caneco](https://twitter.com/caneco)** - *Logo and banner designer*
### Testing and Debugging
diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss
index 0c714f199..ecb70d187 100644
--- a/assets/css/fonts.scss
+++ b/assets/css/fonts.scss
@@ -6,7 +6,9 @@
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
- font-display: swap;
+ // Do not use font-display: swap for the icon font - it looks really bad when the page
+ // loads.
+ font-display: block;
src: url("~static/fonts/material-icons-v48.woff2") format("woff2");
}
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 5906ac886..1325f1a5f 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -22,13 +22,11 @@ $responsiveWidth: 768px;
::-webkit-scrollbar {
width: 4px;
height: 4px;
- border-radius: 4px;
- background-color: var(--bg-light-color);
+ background-color: var(--bg-dark-color);
}
::-webkit-scrollbar-thumb {
background-color: var(--fg-light-color);
- border-radius: 8px;
&:hover {
background-color: var(--fg-color);
@@ -60,9 +58,9 @@ body {
padding: 0;
margin: 0;
scroll-behavior: smooth;
+ transition: all 0.2s ease-in-out;
}
-// Make theme transition smoother.
body.afterLoad {
transition: background-color 0.2s ease-in-out;
}
@@ -76,6 +74,10 @@ a {
color: inherit;
text-decoration: none;
transition: all 0.2s ease-in-out;
+
+ &.link {
+ color: var(--ac-color);
+ }
}
header,
@@ -92,7 +94,7 @@ footer {
.wrapper {
min-height: 100vh;
display: flex;
- flex-direction: column;
+ flex-flow: column nowrap;
}
.wrapper .page {
@@ -146,7 +148,8 @@ footer {
z-index: 1;
height: 100vh;
padding: 0 8px;
- background-color: var(--bg-light-color);
+ background-color: var(--bg-dark-color);
+ transition: all 0.2s ease-in-out;
}
.main {
@@ -173,6 +176,7 @@ nav.primary-nav {
svg {
fill: var(--fg-light-color);
+ transition: all 0.2s ease-in-out;
}
a {
@@ -186,7 +190,7 @@ nav.primary-nav {
color: var(--fg-light-color);
fill: var(--fg-light-color);
margin: 8px 0;
- transition: all 0.2s ease-in-out;
+ height: 52px;
&:hover {
color: var(--fg-color);
@@ -246,7 +250,7 @@ nav.secondary-nav {
}
.footer {
- flex-direction: column;
+ flex-flow: column nowrap;
}
h1,
@@ -263,11 +267,16 @@ hr {
border-bottom: 1px dashed var(--brd-color);
}
+p {
+ transition: all 0.2s ease-in-out;
+}
+
.tooltip {
$bgcolor: var(--tt-color);
$fgcolor: var(--fg-color);
display: block !important;
z-index: 10000;
+ transition: all 0.2s ease-in-out;
.tooltip-inner {
background: $bgcolor;
@@ -422,7 +431,6 @@ button {
color: var(--act-color);
fill: var(--act-color);
box-shadow: inset 0 0 0 2px var(--fg-color);
- transition: all 0.2s ease-in-out;
}
&.icon {
@@ -437,7 +445,6 @@ button {
color: var(--fg-color);
fill: var(--fg-color);
box-shadow: none;
- transition: all 0.2s ease-in-out;
}
}
@@ -472,8 +479,19 @@ button {
fieldset {
margin: 16px 0;
border-radius: 16px;
- transition: all 0.2s ease-in-out;
background-color: var(--bg-dark-color);
+ transition: all 0.2s ease-in-out;
+}
+
+fieldset:target,
+section:target {
+ animation: highlight 2s ease;
+}
+
+@keyframes highlight {
+ 50% {
+ box-shadow: 0 0 0 2px var(--ac-color);
+ }
}
legend {
@@ -483,6 +501,7 @@ legend {
color: var(--fg-color);
font-weight: 700;
cursor: pointer;
+ transition: all 0.2s ease-in-out;
* {
vertical-align: middle;
@@ -538,6 +557,7 @@ input[type="radio"],
display: none;
}
+.method,
kbd,
select,
input,
@@ -564,7 +584,16 @@ code {
&:not([readonly]):not(.ace_editor):active,
&:not([readonly]):not(.ace_editor):focus {
box-shadow: inset 0 0 0 2px var(--fg-light-color);
- transition: all 0.2s ease-in-out;
+ }
+}
+
+.method {
+ cursor: pointer;
+
+ &:hover,
+ &:active,
+ &:focus {
+ box-shadow: inset 0 0 0 2px var(--fg-light-color);
}
}
@@ -587,6 +616,14 @@ pre {
.select-wrapper {
position: relative;
+ input {
+ text-transform: uppercase;
+ }
+
+ .trigger {
+ width: 100%;
+ }
+
&:after {
display: inline-block;
position: absolute;
@@ -661,6 +698,7 @@ input[type="checkbox"] {
label {
padding: 4px;
color: var(--fg-light-color);
+ transition: all 0.2s ease-in-out;
}
ul,
@@ -679,7 +717,7 @@ ol {
ul li,
ol li {
display: inline-flex;
- flex-direction: column;
+ flex-flow: column nowrap;
flex-grow: 1;
justify-content: center;
}
@@ -693,7 +731,7 @@ ol li {
* {
display: inline-flex;
- flex-wrap: wrap;
+ flex-flow: row wrap;
align-items: center;
justify-content: center;
}
@@ -773,27 +811,19 @@ ol li {
}
#send {
- // #hidden-message {
- // display: none;
- // }
-
&.show {
display: flex;
position: fixed;
top: 12px;
right: 12px;
z-index: 2;
-
- // #hidden-message {
- // display: block;
- // margin-left: 4px;
- // }
}
}
section {
display: flex;
flex-wrap: wrap;
+ border-radius: 16px;
}
.tab {
@@ -873,18 +903,19 @@ input[type="radio"]:checked + label + .tab {
padding: 0;
width: 100%;
background-color: var(--bg-color);
- transition: all 0.2s ease-in-out;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.45);
}
nav.primary-nav {
flex-flow: row nowrap;
overflow: auto;
- justify-content: space-around;
+ justify-content: space-between;
+ background-color: var(--bg-dark-color);
a {
background-color: transparent;
margin: 8px;
+ flex: 1;
&.nuxt-link-exact-active {
background-color: transparent;
@@ -908,7 +939,7 @@ input[type="radio"]:checked + label + .tab {
ul,
ol {
- flex-direction: column;
+ flex-flow: column nowrap;
}
ul li,
diff --git a/components/ace-editor.vue b/components/ace-editor.vue
index 3f2745147..be1917c08 100644
--- a/components/ace-editor.vue
+++ b/components/ace-editor.vue
@@ -1,7 +1,23 @@
-
+
+ Create new environment
+
+
+ {{ $t("edit_environment") }}
+
+
+
+
+
+
+
+
+
+
+ Import / Export Environment
+
+
+
+