word-games-theme 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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