word-games-theme 0.1.4 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 486ab7befdb65633080d75f518ae0494fc66c25561a452e9081865fb1116a0da
4
- data.tar.gz: c199e504c28996fd514e98afb5d2be17dfc028482fb40ecea7248c40ad1b2eca
3
+ metadata.gz: f165e190bc20e200efbec90d5f56c07493a1baac00edbf03c075e498191b55cc
4
+ data.tar.gz: ec05f027022f25aa788ddc90f06dff69c0ec363b00dc4eeb57720f27b9a14ee7
5
5
  SHA512:
6
- metadata.gz: 8335fe7fe7788094c8f2945a4b31f9d7d509a3a75e8c487f770a9e22f68ae468b3b0a320ab2d8d95e7f4af77c2c61555f4937688f81904144be299ea087b6cba
7
- data.tar.gz: de0efe7471dc05b9f4d17cae9020157bcb0d702326e1515645bbe1e601408b34bc56f80ab6e0f78e4213bac86e1c6a6b2d45fb0be526cd13ffa666a79e07a7ca
6
+ metadata.gz: 020c786415b9f1d0387d0be30ccc3de047c84b1ffed67be2217cf559cbcf6e7b334894eaeecc232aa0af631ca27b45b191d5cdafe0c4dd27fe41a7b30c89ed73
7
+ data.tar.gz: 0b6e9bc067f9fde548b3cdd64c5af8215190562fd1a8a9ca88d02f4dd0a08956e1e096d283d01c2000f72ee693bb31d8243bc7e32d041a61b02e6c00d0ef4c84
@@ -14,15 +14,15 @@
14
14
  <div class="position-relative serachBox">
15
15
  <form action="" id='form'>
16
16
  <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" autocomplete="off" value
17
- name="search" maxlength="15" required>
17
+ name="search" maxlength="15" value required>
18
18
  <input type="submit" class="serachBtn" id="serach" value>
19
19
  <div class="dictonaryDropdown">
20
20
  <select class="form-select select_dropDown2" name="dictonary"
21
21
  aria-label="Default select example">
22
22
  <option selected value="">Dictonary</option>
23
- <option value="twl06">TWL06 (US, Canada, Thailand)</option>
24
- <option value="sowpods">SOWPODS (Uk and Others)</option>
25
- <option value="wwf">Enable (Words With Friends)</option>
23
+ <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
24
+ <option value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
25
+ <option value="wwf" id="wwf">Enable (Words With Friends)</option>
26
26
  </select>
27
27
  </div>
28
28
  {%- include filterWords/index.html -%}
@@ -34,7 +34,7 @@
34
34
  </div>
35
35
  <div id="sort-select">
36
36
  <select class="form-select sort-select" id="select_dropDown">
37
- <!-- <option selected="true" hidden>Sort by</option> -->
37
+ <option selected="true" hidden id="alpha" value="alpha">Sort by</option>
38
38
  <option id="alpha" value="alpha">A-Z</option>
39
39
  <option id="points" value="points">Z-A</option>
40
40
  </select>
@@ -17,18 +17,17 @@
17
17
  <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" autocomplete="off" value
18
18
  name="search" maxlength="15" required>
19
19
  <input type="submit" class="serachBtn" id="serach" value>
20
+ <div class="dictonaryDropdown">
21
+ <select class="form-select select_dropDown2" name="dictonary"
22
+ aria-label="Default select example">
23
+ <option selected value="">Dictonary</option>
24
+ <option value="twl06">TWL06 (US, Canada, Thailand)</option>
25
+ <option value="sowpods">SOWPODS (Uk and Others)</option>
26
+ <option value="wwf">Enable (Words With Friends)</option>
27
+ </select>
28
+ </div>
20
29
 
21
30
  <div class="wrapper_dropDown d-flex justify-content-end mt-5" style="gap:15px">
22
- <div class="dictonaryDropdown">
23
- <select class="form-select" name="dictonary" id="select_dropDown"
24
- aria-label="Default select example">
25
- <option selected value="">Dictonary</option>
26
- <option value="twl06">TWL06 (US, Canada, Thailand)</option>
27
- <option value="sowpods">SOWPODS (Uk and Others)</option>
28
- <option value="wwf">Enable (Words With Friends)</option>
29
- </select>
30
- </div>
31
-
32
31
  <div class="advancedFilter" style="position: relative;">
33
32
  <input type="button" value="Advanced Filter" class="filterButton">
34
33
  <div class="angle-arrow2"></div>
@@ -40,22 +39,31 @@
40
39
  <div class="fillterWrapper">
41
40
  <div class="startsWith">
42
41
  <label for="startsWith">Starts With</label>
42
+ <br>
43
43
  <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
44
44
  </div>
45
45
  <div class="mustInclude">
46
46
  <label for="mustInclude">Must Include </label>
47
+ <br>
47
48
  <input type="text" id="mustInclude" placeholder="Contains" name="contains">
48
49
 
49
50
  </div>
50
51
  <div class="endsWith">
51
52
  <label for="endsWith">End With</label>
53
+ <br>
52
54
  <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
53
55
 
54
56
  </div>
55
57
  <div class="wordLength">
56
58
  <label for="wordLength">Word Length </label>
59
+ <br>
57
60
  <input type="text" id="wordLength" placeholder="Length" name="length">
61
+ <div style="margin-top: 1.2rem;">
62
+ <input type="submit" value="Apply" class="btn-info w-100 text-white"
63
+ style="background: #BD67DD">
64
+ </div>
58
65
  </div>
66
+
59
67
  </div>
60
68
  </form>
61
69
  </div>
@@ -17,17 +17,17 @@
17
17
  <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" autocomplete="off" value
18
18
  name="search" maxlength="15" required>
19
19
  <input type="submit" class="serachBtn" id="serach" value>
20
+ <div class="dictonaryDropdown">
21
+ <select class="form-select select_dropDown2" name="dictonary"
22
+ aria-label="Default select example">
23
+ <option selected value="">Dictonary</option>
24
+ <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
25
+ <option value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
26
+ <option value="wwf" id="wwf">Enable (Words With Friends)</option>
27
+ </select>
28
+ </div>
20
29
 
21
30
  <div class="wrapper_dropDown d-flex justify-content-end mt-5" style="gap:15px">
22
- <div class="dictonaryDropdown">
23
- <select class="form-select" name="dictonary" id="select_dropDown"
24
- aria-label="Default select example">
25
- <option selected value="">Dictonary</option>
26
- <option value="twl06">TWL06 (US, Canada, Thailand)</option>
27
- <option value="sowpods">SOWPODS (Uk and Others)</option>
28
- <option value="wwf">Enable (Words With Friends)</option>
29
- </select>
30
- </div>
31
31
 
32
32
  <div class="advancedFilter" style="position: relative;">
33
33
  <input type="button" value="Advanced Filter" class="filterButton">
@@ -45,7 +45,7 @@
45
45
  .sticky_nav {
46
46
  position: sticky;
47
47
  width: inherit;
48
- top: 63px;
48
+ top: 58px;
49
49
  background-color: #fff;
50
50
  z-index: 99;
51
51
  }
data/assets/css/home.css CHANGED
@@ -23,13 +23,33 @@
23
23
  padding: 0;
24
24
  width: 100%;
25
25
  font-size: 15px;
26
- font-weight: 500;
26
+ font-weight: 700;
27
27
  font-style: normal;
28
28
  letter-spacing: normal;
29
29
  color: var(--txtColor);
30
30
  text-indent: 15px;
31
31
  outline: none;
32
32
  }
33
+ .txtBox::placeholder {
34
+ /* Chrome, Firefox, Opera, Safari 10.1+ */
35
+ color: var(--txtColor);
36
+ opacity: 0.5; /* Firefox */
37
+ font-weight: 500 !important;
38
+ }
39
+
40
+ .txtBox::-ms-input-placeholder {
41
+ /* Internet Explorer 10-11 */
42
+ color: var(--txtColor);
43
+ opacity: 0.5;
44
+ font-weight: 500 !important;
45
+ }
46
+
47
+ .txtBox::-ms-input-placeholder {
48
+ /* Microsoft Edge */
49
+ color: var(--txtColor);
50
+ opacity: 0.5;
51
+ font-weight: 500 !important;
52
+ }
33
53
  .serachBtn {
34
54
  background: url(../images/right2.svg) no-repeat;
35
55
  background-size: cover;
@@ -113,22 +133,29 @@
113
133
  text-indent: 12px;
114
134
  }
115
135
  .fillterWrapper input {
116
- border-radius: 15px;
136
+ border-radius: 10px;
117
137
  border: solid 1px rgba(0, 0, 0, 0.11);
118
138
  background-color: #fff;
119
139
  font-size: 12px;
120
140
  padding: 5px;
121
141
  text-indent: 15px;
122
- width: 140px;
142
+ width: 190px;
123
143
  outline: none;
124
144
  }
125
145
  .active {
126
- width: 100%;
146
+ top: 122px;
147
+ background: #fff;
148
+ box-shadow: 0 0 5px rgb(0 0 0 / 40%);
149
+ padding: 15px 15px;
150
+ border-radius: 15px;
151
+ height: auto;
152
+ position: absolute;
153
+ right: -16px;
154
+ margin: 1rem 0;
155
+ flex-direction: column;
156
+ width: 240px;
127
157
  display: inline-flex !important;
128
- justify-content: flex-start;
129
- height: 15vh;
130
- align-items: center;
131
- display: block;
158
+ gap: 5px;
132
159
  }
133
160
 
134
161
  .errorMsg {
@@ -169,10 +196,9 @@
169
196
  width: 100% !important;
170
197
  }
171
198
  .active {
172
- width: 100%;
173
- display: inline-flex !important;
174
- flex-direction: column;
175
- align-items: unset;
199
+ top: 102px;
200
+ display: flex;
201
+ right: -5px;
176
202
  }
177
203
  .fillterWrapper input {
178
204
  width: 100%;
data/assets/css/style.css CHANGED
@@ -33,6 +33,7 @@ header {
33
33
  width: 100%;
34
34
  position: relative;
35
35
  }
36
+
36
37
  .navbar {
37
38
  width: 100%;
38
39
  padding: 1.2rem 10rem !important;
@@ -12,6 +12,12 @@ let dictonary = params.get('dictonary')
12
12
 
13
13
  let tab_container = document.querySelector('.tab_container')
14
14
 
15
+ let txtBox = document.querySelector('.txtBox')
16
+ txtBox.value = serachValue
17
+
18
+ var theSelect = document.getElementById('select_dropDown')
19
+ document.querySelector('.select_dropDown2').value = dictonary
20
+
15
21
  const getData = async (serachValue) => {
16
22
  try {
17
23
  main.innerHTML = `<div class="loader">
@@ -2,6 +2,9 @@
2
2
  const params = new URLSearchParams(window.location.search)
3
3
  let serachValue = params.get('search')
4
4
 
5
+ let txtBox = document.querySelector('.txtBox')
6
+ txtBox.value = serachValue
7
+
5
8
  // DICTONARY
6
9
  const fetchTWL06Dic = async (serachValue) => {
7
10
  let newAlphabet = {
@@ -19,7 +19,12 @@ let tab_container = document.querySelector('.tab_container')
19
19
 
20
20
  var sortValue
21
21
  var sortBool = false
22
+
23
+ let txtBox = document.querySelector('.txtBox')
24
+ txtBox.value = serachValue
25
+
22
26
  var theSelect = document.getElementById('select_dropDown')
27
+ document.querySelector('.select_dropDown2').value = dictonary
23
28
 
24
29
  // getWords define...
25
30
  const getData = async (serachValue) => {
@@ -323,7 +328,7 @@ function Filtering(id) {
323
328
  sections[e.id] = e.offsetTop - 10
324
329
  } else {
325
330
  sections[e.id] = e.offsetTop - 10
326
- console.log(sections)
331
+ // console.log(sections)
327
332
  }
328
333
  })
329
334
  document.body.scrollTop = sections[sort_val + '_' + id] + 5
@@ -343,7 +348,7 @@ window.addEventListener('resize', function () {
343
348
  })
344
349
  function scroll_visible() {
345
350
  let tab_container = document.querySelector('#tab-container')
346
- console.log(tab_container)
351
+ // console.log(tab_container)
347
352
  if (tab_container) {
348
353
  if (tab_container.clientWidth === tab_container.scrollWidth) {
349
354
  prev.style.display = 'none'
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: word-games-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.4
4
+ version: 0.1.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - manpreet-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-06-23 00:00:00.000000000 Z
11
+ date: 2021-06-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll