btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

🐛 Fixed opaque select element, curved modals, better disabled color scheme

Browse Source
This commit is contained in:
Liyas Thomas
2019-12-09 09:40:47 +05:30
parent 979909ad57
commit 60ba539104
4 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/styles.scss
View File

@@ -507,7 +507,6 @@ fieldset.yellow legend {
kbd, kbd,
select, select,
input, input,
option,
textarea, textarea,
pre { pre {
margin: 4px; margin: 4px;
@@ -548,13 +547,17 @@ code {
border-radius: 8px; border-radius: 8px;
} }
select, select {
option {
height: 37px; height: 37px;
line-height: 37px; line-height: 37px;
background-color: var(--bg-dark-color);
cursor: pointer; cursor: pointer;
} }
option {
background-color: var(--bg-color);
}
input[type="checkbox"] { input[type="checkbox"] {
display: none; display: none;

6
assets/css/themes.scss
View File

@@ -23,7 +23,7 @@
// Border color // Border color
--brd-color: rgb(48, 47, 55); --brd-color: rgb(48, 47, 55);
// Error color // Error color
--err-color: rgb(41, 42, 45); --err-color: rgba(255, 255, 255, 0.05);
// Acent color // Acent color
--ac-color: #50fa7b; --ac-color: #50fa7b;
// Active text color // Active text color
@@ -48,7 +48,7 @@
// Border color // Border color
--brd-color: #eeeeed; --brd-color: #eeeeed;
// Error color // Error color
--err-color: #eeeeee; --err-color: rgba(0, 0, 0, 0.02);
// Acent color // Acent color
--ac-color: #57b5f9; --ac-color: #57b5f9;
// Active text color // Active text color
@@ -73,7 +73,7 @@
// Border color // Border color
--brd-color: rgb(16, 16, 16); --brd-color: rgb(16, 16, 16);
// Error color // Error color
--err-color: rgb(8, 8, 8); --err-color: rgba(255, 255, 255, 0.02);
// Acent color // Acent color
--ac-color: #50fa7b; --ac-color: #50fa7b;
// Active text color // Active text color

7
components/collections/saveRequestAs.vue
View File

@@ -24,14 +24,7 @@
v-model="requestData.name" v-model="requestData.name"
v-bind:placeholder="defaultRequestName" v-bind:placeholder="defaultRequestName"
@keyup.enter="saveRequestAs" @keyup.enter="saveRequestAs"
list="preCollectionLabels"
/> />
<datalist id="preCollectionLabels">
<option value="Login"></option>
<option value="Logout"></option>
<option value="Bug"></option>
<option value="Users"></option>
</datalist>
<label for="selectCollection">Collection</label> <label for="selectCollection">Collection</label>
<select <select
type="text" type="text"

2
components/modal.vue
View File

@@ -48,7 +48,7 @@
padding: 16px; padding: 16px;
transition: all 0.2s ease; transition: all 0.2s ease;
background-color: var(--bg-color); background-color: var(--bg-color);
border-radius: 8px; border-radius: 16px;
box-shadow: 0px 16px 70px rgba(0, 0, 0, 0.5); box-shadow: 0px 16px 70px rgba(0, 0, 0, 0.5);
} }