word-games-theme 2.7.1 → 2.7.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/wordgames/footer/footer.html +5 -5
  3. data/_includes/wordgames/words-data/words-data.html +1 -1
  4. data/_layouts/wordgames-home.html +1 -1
  5. data/assets/css/wordgames-result.css +491 -464
  6. data/assets/css/wordgames-theme.css +1 -1
  7. data/assets/js/scrabble-words.js +1 -1
  8. data/assets/js/wordfinder-home.js +14 -10
  9. data/assets/js/wordfinder.js +149 -9
  10. data/assets/js/xletter-result.js +121 -6
  11. metadata +2 -2
data/assets/css/wordgames-result.css CHANGED
@@ -2,6 +2,21 @@
2
2
  Result page css
3
3
  ***************/
4
4
 
5
+
6
+ /* show more button */
7
+ .showmore_btn {
8
+ background: black;
9
+ padding: 1rem 2rem;
10
+ border-radius: 50px;
11
+ color: #fff;
12
+ font-size: 15px;
13
+ border: none;
14
+ }
15
+ .points{
16
+ position:relative; top:4px; font-size:12px
17
+ }
18
+
19
+
5
20
  /* common loader css */
6
21
  .loader {
7
22
  width: 100%;
@@ -13,235 +28,238 @@
13
28
  }
14
29
 
15
30
 
16
- input:-webkit-autofill,
17
- input:-webkit-autofill:hover,
18
- input:-webkit-autofill:focus,
19
- input:-webkit-autofill:active {
20
- transition: background-color 5000s ease-in-out 0s;
21
- }
22
-
23
- .btn-info:not(:disabled):not(.disabled).active:focus,
24
- .btn-info:not(:disabled):not(.disabled):active:focus,
25
- .show>.btn-info.dropdown-toggle:focus {
26
- box-shadow: unset;
27
- border-color: rgba(0, 0, 0, 0.1);
28
- }
29
-
30
- /* navbar css for result page */
31
- .result_navbar_section {
32
- width: 100%;
33
- padding: .8rem 9% !important;
34
- position: sticky;
35
- top: 0;
36
- z-index: 99999;
37
- }
38
- /* .header_bars{
31
+ input:-webkit-autofill,
32
+ input:-webkit-autofill:hover,
33
+ input:-webkit-autofill:focus,
34
+ input:-webkit-autofill:active {
35
+ transition: background-color 5000s ease-in-out 0s;
36
+ }
37
+
38
+ .btn-info:not(:disabled):not(.disabled).active:focus,
39
+ .btn-info:not(:disabled):not(.disabled):active:focus,
40
+ .show>.btn-info.dropdown-toggle:focus {
41
+ box-shadow: unset;
42
+ border-color: rgba(0, 0, 0, 0.1);
43
+ }
44
+
45
+ /* navbar css for result page */
46
+ .result_navbar_section {
47
+ width: 100%;
48
+ padding: .8rem 9% !important;
49
+ position: sticky;
50
+ top: 0;
51
+ z-index: 99999;
52
+ }
53
+
54
+ /* .header_bars{
39
55
  background-color: var(--black-color);
40
56
  } */
41
-
42
-
43
- .result_navbar_section .mobile_bars {
57
+
58
+
59
+ .result_navbar_section .mobile_bars {
44
60
  cursor: pointer;
45
- position: absolute;
46
- top: 13px;
47
- /* margin: 0 40px; */
48
- left: 110px;
49
- }
50
-
51
- .mobile_bars .bars {
52
- position: relative;
53
- color: #000;
54
- font-size: 35px;
55
- }
56
-
57
- .fillterWrapper .filter-tooltip{
61
+ position: absolute;
62
+ top: 13px;
63
+ /* margin: 0 40px; */
64
+ left: 110px;
65
+ }
66
+
67
+ .mobile_bars .bars {
68
+ position: relative;
69
+ color: #000;
70
+ font-size: 35px;
71
+ }
72
+
73
+ .fillterWrapper .filter-tooltip {
58
74
  top: 8px !important
59
- }
60
- .result_navbar_section #open_list_bar {
61
- position: fixed;
62
- top: 0px;
63
- left: -100%;
64
- z-index: 999;
65
- height: 100vh;
66
- transition: all .5s ease-in-out;
67
- list-style: none;
68
- box-shadow: 0 0 5px grey;
69
- background: #f8f9fa;
70
- overflow-y: scroll;
71
- }
72
-
73
- #open_list_bar .cat_bar_logo_link {
74
- padding: 0 15px;
75
- }
76
-
77
- #open_list_bar .cat_bar_logo_link .cat_bar_img {
78
- width: 30px;
79
- }
80
-
81
- #open_list_bar .cat_title {
82
- color: #000;
83
- font-weight: 900;
84
- font-size: 14px;
85
- position: relative;
86
- left: 10px;
87
- top: 3px;
88
- }
89
-
90
- #open_list_bar .close_bar_btn {
91
- position: absolute;
92
- right: 8px;
93
- font-size: 28px;
94
- top: 15px;
95
- cursor: pointer;
96
- }
97
-
98
- .list-items-container .list_cat_heading {
99
- padding: 8px 15px;
100
- background-color: var(--primary-color);
101
- color: #fff;
102
- font-size: 13px;
103
- }
104
-
105
- .list-items-container .list_cat_name {
106
- padding: 8px 15px;
107
- font-size: 12px;
108
- border-bottom: 1px solid rgb(209, 213, 219)
109
- }
110
-
111
- .list-items-container .list_cat_name:active {
112
- color: #000 !important
113
- }
114
-
115
- .list-items-container .list_cat_name:hover {
116
- background-color: #e9ecef;
117
- }
118
-
119
- /* h1,h2 for result page , searchbox and length selector css*/
120
- .pageHeading>.result_heading {
121
- font-size: 22px;
122
- font-weight: 600;
123
- color: #000;
124
- }
125
-
126
- .serachSection {
127
- height: auto;
128
- }
129
-
130
-
131
- .letter-close-button-commonPage {
132
- position: absolute;
133
- right: 300px;
134
- top: 24px;
135
- font-size: 15px;
136
- cursor: pointer;
137
- display: none;
138
- }
139
-
140
- .ltr-cls-btn-commonPage {
141
- display: block;
142
- }
143
-
144
- .tab_link_wrapper {
145
- display: flex;
146
- width: 100%;
147
- justify-content: center;
148
- background: var(--black-color);
149
- border-radius: 40px;
150
- margin: 10px 0px;;
151
- padding: 10px;
152
- /* border: 2px solid var(--black-color); */
153
- }
154
-
155
- .tab_link_wrapper .flex-row {
156
- -ms-flex-direction: row !important;
157
- flex-direction: row !important;
158
- display: flex;
159
- overflow: hidden;
160
- margin: 0 25px;
161
- }
162
-
163
- .tab_link_wrapper #next {
164
- background: url('/assets/images/next.webp');
165
- background-size: cover;
166
- width: 21px;
167
- height: 21px;
168
- object-fit: cover;
169
- padding: 3px;
170
- border: none;
171
- position: absolute;
172
- top: 6px;
173
- right: 10px;
174
- }
175
-
176
- .tab_link_wrapper #prev {
177
- background: url('/assets/images/prev.webp');
178
- background-size: cover;
179
- width: 21px;
180
- height: 21px;
181
- object-fit: cover;
182
- padding: 3px;
183
- border: none;
184
- position: absolute;
185
- top: 6px;
186
- left: 10px;
187
- }
188
-
189
- .active-tab {
190
- border-bottom: solid 3px var(--primary-color) !important;
191
- }
192
-
193
- .tab_link_wrapper .tab_link {
194
- font-size: 15px;
195
- font-weight: 900;
196
- margin: 0 5px;
197
- padding-top: 5px;
198
- border: none;
199
- outline: none;
200
- background-color: inherit;
201
- color: white
202
- }
203
-
204
- /* advanced filter and sorting css */
205
- .Advancedbtn .filter_count {
206
- width: 20px;
207
- color: white;
208
- height: 20px;
209
- text-align: center;
210
- background-color: #808080;
211
- padding-top: 2px;
212
- border-radius: 50%;
213
- margin-right: 1px;
214
- position: relative;
215
- left: 150px;
216
- }
217
-
218
- .Advancedbtn .filterButton {
219
- background: #f8f9fa;
220
- box-shadow: 0 0 3px #343a4063;
221
- width: 190px;
222
- border-radius: 10px;
223
- border: none;
224
- outline: none;
225
- font-weight: 900;
226
- font-size: 13px;
227
- padding: 8.5px;
228
- text-align: left;
229
- }
230
-
231
- .Advancedbtn .angle-arrow {
232
- background: url(../images/angle-arrow-down.svg) no-repeat;
233
- background-size: contain;
234
- width: 10px;
235
- height: 20px;
236
- font-weight: 900;
237
- position: absolute;
238
- top: 20px;
239
- right: 5px;
240
- margin: -3px 0;
241
- }
242
-
243
-
244
- /* .fillterWrapper .same {
75
+ }
76
+
77
+ .result_navbar_section #open_list_bar {
78
+ position: fixed;
79
+ top: 0px;
80
+ left: -100%;
81
+ z-index: 999;
82
+ height: 100vh;
83
+ transition: all .5s ease-in-out;
84
+ list-style: none;
85
+ box-shadow: 0 0 5px grey;
86
+ background: #f8f9fa;
87
+ overflow-y: scroll;
88
+ }
89
+
90
+ #open_list_bar .cat_bar_logo_link {
91
+ padding: 0 15px;
92
+ }
93
+
94
+ #open_list_bar .cat_bar_logo_link .cat_bar_img {
95
+ width: 30px;
96
+ }
97
+
98
+ #open_list_bar .cat_title {
99
+ color: #000;
100
+ font-weight: 900;
101
+ font-size: 14px;
102
+ position: relative;
103
+ left: 10px;
104
+ top: 3px;
105
+ }
106
+
107
+ #open_list_bar .close_bar_btn {
108
+ position: absolute;
109
+ right: 8px;
110
+ font-size: 28px;
111
+ top: 15px;
112
+ cursor: pointer;
113
+ }
114
+
115
+ .list-items-container .list_cat_heading {
116
+ padding: 8px 15px;
117
+ background-color: var(--primary-color);
118
+ color: #fff;
119
+ font-size: 13px;
120
+ }
121
+
122
+ .list-items-container .list_cat_name {
123
+ padding: 8px 15px;
124
+ font-size: 12px;
125
+ border-bottom: 1px solid rgb(209, 213, 219)
126
+ }
127
+
128
+ .list-items-container .list_cat_name:active {
129
+ color: #000 !important
130
+ }
131
+
132
+ .list-items-container .list_cat_name:hover {
133
+ background-color: #e9ecef;
134
+ }
135
+
136
+ /* h1,h2 for result page , searchbox and length selector css*/
137
+ .pageHeading>.result_heading {
138
+ font-size: 22px;
139
+ font-weight: 600;
140
+ color: #000;
141
+ }
142
+
143
+ .serachSection {
144
+ height: auto;
145
+ }
146
+
147
+
148
+ .letter-close-button-commonPage {
149
+ position: absolute;
150
+ right: 300px;
151
+ top: 24px;
152
+ font-size: 15px;
153
+ cursor: pointer;
154
+ display: none;
155
+ }
156
+
157
+ .ltr-cls-btn-commonPage {
158
+ display: block;
159
+ }
160
+
161
+ .tab_link_wrapper {
162
+ display: flex;
163
+ width: 100%;
164
+ justify-content: center;
165
+ background: var(--black-color);
166
+ border-radius: 40px;
167
+ margin: 10px 0px;
168
+ ;
169
+ padding: 10px;
170
+ /* border: 2px solid var(--black-color); */
171
+ }
172
+
173
+ .tab_link_wrapper .flex-row {
174
+ -ms-flex-direction: row !important;
175
+ flex-direction: row !important;
176
+ display: flex;
177
+ overflow: hidden;
178
+ margin: 0 25px;
179
+ }
180
+
181
+ .tab_link_wrapper #next {
182
+ background: url('/assets/images/next.webp');
183
+ background-size: cover;
184
+ width: 21px;
185
+ height: 21px;
186
+ object-fit: cover;
187
+ padding: 3px;
188
+ border: none;
189
+ position: absolute;
190
+ top: 6px;
191
+ right: 10px;
192
+ }
193
+
194
+ .tab_link_wrapper #prev {
195
+ background: url('/assets/images/prev.webp');
196
+ background-size: cover;
197
+ width: 21px;
198
+ height: 21px;
199
+ object-fit: cover;
200
+ padding: 3px;
201
+ border: none;
202
+ position: absolute;
203
+ top: 6px;
204
+ left: 10px;
205
+ }
206
+
207
+ .active-tab {
208
+ border-bottom: solid 3px var(--primary-color) !important;
209
+ }
210
+
211
+ .tab_link_wrapper .tab_link {
212
+ font-size: 15px;
213
+ font-weight: 900;
214
+ margin: 0 5px;
215
+ padding-top: 5px;
216
+ border: none;
217
+ outline: none;
218
+ background-color: inherit;
219
+ color: white
220
+ }
221
+
222
+ /* advanced filter and sorting css */
223
+ .Advancedbtn .filter_count {
224
+ width: 20px;
225
+ color: white;
226
+ height: 20px;
227
+ text-align: center;
228
+ background-color: #808080;
229
+ padding-top: 2px;
230
+ border-radius: 50%;
231
+ margin-right: 1px;
232
+ position: relative;
233
+ left: 150px;
234
+ }
235
+
236
+ .Advancedbtn .filterButton {
237
+ background: #f8f9fa;
238
+ box-shadow: 0 0 3px #343a4063;
239
+ width: 190px;
240
+ border-radius: 10px;
241
+ border: none;
242
+ outline: none;
243
+ font-weight: 900;
244
+ font-size: 13px;
245
+ padding: 8.5px;
246
+ text-align: left;
247
+ }
248
+
249
+ .Advancedbtn .angle-arrow {
250
+ background: url(../images/angle-arrow-down.svg) no-repeat;
251
+ background-size: contain;
252
+ width: 10px;
253
+ height: 20px;
254
+ font-weight: 900;
255
+ position: absolute;
256
+ top: 20px;
257
+ right: 5px;
258
+ margin: -3px 0;
259
+ }
260
+
261
+
262
+ /* .fillterWrapper .same {
245
263
  margin-bottom: 10px;
246
264
  } */
247
265
  /*
@@ -249,257 +267,266 @@
249
267
  background: url("/assets/images/close-btn.svg") no-repeat;
250
268
  background-position: 95% 50%;
251
269
  } */
252
-
253
-
254
- .sort-select,
255
- #select_dropDown {
256
- background: #f8f9fa;
257
- border: solid 1px var(--black-color);
258
- box-shadow: 2px 2px 1px 0px var(--black-color);
259
- word-wrap: normal;
260
- width: 190px;
261
- border-radius: 10px;
262
- cursor: pointer;
263
- padding: 10px;
264
- text-align: left;
265
- color: #1c1107;
266
- font-size: 13px;
267
- font-weight: 600;
268
- font-stretch: normal;
269
- font-style: normal;
270
- outline: none;
271
- }
272
- .length-select{
270
+
271
+
272
+ .sort-select,
273
+ #select_dropDown {
273
274
  background: #f8f9fa;
274
- border: solid 1px var(--black-color);
275
- box-shadow: 2px 2px 1px 0px var(--black-color);
276
- word-wrap: normal;
277
- width: 190px;
278
- border-radius: 10px;
279
- cursor: pointer;
280
- padding: 10px;
281
- text-align: left;
282
- color: #1c1107;
283
- font-size: 13px;
284
- font-weight: 600;
285
- font-stretch: normal;
286
- font-style: normal;
287
- outline: none;
288
- }
289
-
290
- /* result data css */
291
- #home_page_search_result {
292
- padding: 10px;
293
- font-size: 12px;
294
- }
295
-
296
- #home_page_search_result:hover {
297
- text-decoration: underline !important;
298
- }
299
-
300
- .wordCount {
301
- text-indent: 10px;
302
- font-size: 18px;
303
- }
304
-
305
- .filterSortedIcons {
306
- flex-basis: 11%;
307
- display: flex;
308
- font-size: 20px;
309
- gap: 20px;
310
- cursor: pointer;
311
- display: none
312
- }
313
-
314
- .allGroupWords {
315
- background-color: white !important;
316
- width: auto;
317
- height: auto;
318
- border-radius: 15px;
319
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
320
- margin: 10px 0;
321
- border:2px solid var(--black-color)
322
- }
323
-
324
- .allGroupWords>.wordListHeading {
325
- background: var(--black-color);
326
- padding: 10px 0px 5px 25px;
327
- border-top-right-radius: 13px;
328
- border-top-left-radius: 13px;
329
- color: #fff;
330
- }
331
-
332
- .wordListHeading>h3 {
333
- font-size: 20px;
334
- font-weight: 600;
335
- }
336
-
337
- .wordList {
338
- padding: 15px;
339
- }
340
-
341
- .wordList>ul {
342
- display: inline-flex;
343
- width: 100%;
344
- flex-wrap: wrap;
345
- }
346
- .fillterWrapper input{
275
+ border: solid 1px var(--black-color);
276
+ box-shadow: 2px 2px 1px 0px var(--black-color);
277
+ word-wrap: normal;
278
+ width: 190px;
279
+ border-radius: 10px;
280
+ cursor: pointer;
281
+ padding: 10px;
282
+ text-align: left;
283
+ color: #1c1107;
284
+ font-size: 13px;
285
+ font-weight: 600;
286
+ font-stretch: normal;
287
+ font-style: normal;
288
+ outline: none;
289
+ }
290
+
291
+ .length-select {
292
+ background: #f8f9fa;
293
+ border: solid 1px var(--black-color);
294
+ box-shadow: 2px 2px 1px 0px var(--black-color);
295
+ word-wrap: normal;
296
+ width: 190px;
297
+ border-radius: 10px;
298
+ cursor: pointer;
299
+ padding: 10px;
300
+ text-align: left;
301
+ color: #1c1107;
302
+ font-size: 13px;
303
+ font-weight: 600;
304
+ font-stretch: normal;
305
+ font-style: normal;
306
+ outline: none;
307
+ }
308
+
309
+ /* result data css */
310
+ #home_page_search_result {
311
+ padding: 10px;
312
+ font-size: 12px;
313
+ }
314
+
315
+ #home_page_search_result:hover {
316
+ text-decoration: underline !important;
317
+ }
318
+
319
+ .wordCount {
320
+ text-indent: 10px;
321
+ font-size: 18px;
322
+ }
323
+
324
+ .filterSortedIcons {
325
+ flex-basis: 11%;
326
+ display: flex;
327
+ font-size: 20px;
328
+ gap: 20px;
329
+ cursor: pointer;
330
+ display: none
331
+ }
332
+
333
+ .allGroupWords {
334
+ background-color: white !important;
335
+ width: auto;
336
+ height: auto;
337
+ border-radius: 15px;
338
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
339
+ margin: 10px 0;
340
+ border: 2px solid var(--black-color)
341
+ }
342
+
343
+ .allGroupWords>.wordListHeading {
344
+ background: var(--black-color);
345
+ padding: 10px 0px 5px 25px;
346
+ border-top-right-radius: 13px;
347
+ border-top-left-radius: 13px;
348
+ color: #fff;
349
+ }
350
+
351
+ .wordListHeading>h3 {
352
+ font-size: 20px;
353
+ font-weight: 600;
354
+ }
355
+
356
+ .wordList {
357
+ padding: 15px;
358
+ }
359
+
360
+ .wordList>ul {
361
+ display: inline-flex;
362
+ width: 100%;
363
+ flex-wrap: wrap;
364
+ }
365
+
366
+ .fillterWrapper input {
347
367
  padding: 10px !important;
348
368
  font-size: 14px;
349
369
  width: 140px;
350
- }
351
- .fillterWrapper .filter-tooltip img{
370
+ }
371
+
372
+ .fillterWrapper .filter-tooltip img {
352
373
  width: 22px;
353
- }
354
-
355
- .wordList>ul li {
356
-
357
- padding: 8px 0;
358
- background: #f8f9fa;
359
- border-radius: 5px;
360
- margin: 6px 6px;
361
- width: auto;
362
- min-width: 100px;
363
- text-align: center;
364
- border: solid 1px var(--black-color);
365
- box-shadow: 2px 2px 1px 0px var(--black-color);
366
- }
367
-
368
- .wordList .anchor__style {
369
- color: #000 !important;
370
- font-size: 15px;
371
- text-decoration: none !important;
372
- font-weight: 600;
373
- }
374
-
375
- .wordList .anchor__style .highlight {
376
- color: #ff0000 !important;
377
- }
378
-
379
- .points {
380
- color: #73716e;
381
- font-weight: 600;
382
- }
383
-
384
- .errorMsg {
385
- text-align: center;
386
- font-size: 20px;
387
- color: red;
388
- font-weight: 800;
389
- }
390
-
391
- /* close */
392
-
393
-
394
- @media (max-width: 768px) {
395
-
396
- /* result page navbar, closebtn, heading css for mobile */
397
- .allGroupWords,.allGroupWords>.wordListHeading{
374
+ }
375
+
376
+ .wordList>ul li {
377
+
378
+ padding: 8px 0;
379
+ background: #f8f9fa;
380
+ border-radius: 5px;
381
+ margin: 6px 6px;
382
+ width: auto;
383
+ min-width: 100px;
384
+ text-align: center;
385
+ border: solid 1px var(--black-color);
386
+ box-shadow: 2px 2px 1px 0px var(--black-color);
387
+ }
388
+
389
+ .wordList .anchor__style {
390
+ color: #000 !important;
391
+ font-size: 15px;
392
+ text-decoration: none !important;
393
+ font-weight: 600;
394
+ }
395
+
396
+ .wordList .anchor__style .highlight {
397
+ color: #ff0000 !important;
398
+ }
399
+
400
+ .points {
401
+ color: #73716e;
402
+ font-weight: 600;
403
+ }
404
+
405
+ .errorMsg {
406
+ text-align: center;
407
+ font-size: 20px;
408
+ color: red;
409
+ font-weight: 800;
410
+ }
411
+
412
+ /* close */
413
+
414
+
415
+ @media (max-width: 768px) {
416
+
417
+ /* result page navbar, closebtn, heading css for mobile */
418
+ .allGroupWords,
419
+ .allGroupWords>.wordListHeading {
398
420
  border-radius: 0px;
399
421
  border: none;
400
- }
401
- .result_navbar_section {
402
- padding: 1.2rem 15px !important;
403
- }
404
-
405
- .nav_menu_bar {
406
- display: none;
407
- }
408
-
409
- .result_navbar_section .mobile_bars {
410
- display: block;
411
- position: absolute;
412
- top: 0px;
413
- margin: 0;
414
- left: 30px;
415
- z-index: 99;
416
- }
417
-
418
- .letter-close-button-commonPage {
422
+ }
423
+
424
+ .result_navbar_section {
425
+ padding: 1.2rem 15px !important;
426
+ }
427
+
428
+ .nav_menu_bar {
429
+ display: none;
430
+ }
431
+
432
+ .result_navbar_section .mobile_bars {
433
+ display: block;
434
+ position: absolute;
435
+ top: 0px;
436
+ margin: 0;
437
+ left: 30px;
438
+ z-index: 99;
439
+ }
440
+
441
+ .letter-close-button-commonPage {
419
442
  right: 45%;
420
443
  top: 17px;
421
444
  font-size: 15px;
422
- }
423
- .letter-close-button-commonPage svg{
445
+ }
446
+
447
+ .letter-close-button-commonPage svg {
424
448
  width: 30px;
425
- }
426
-
427
- .pageHeading>.result_heading {
428
- font-size: 1.8rem;
429
- padding-left: 25px;
430
- }
431
-
432
- /* length selector css for mobile */
433
-
434
- .tab_link_wrapper .flex-row {
435
- margin: 0 15px;
436
- }
437
-
438
- .tab_link_wrapper .tab_link {
439
- font-size: 12px;
440
- }
441
-
442
- .tab_link_wrapper #prev {
443
- top: 6px;
444
- left: 5px;
445
- width: 16px;
446
- height: 16px;
447
- }
448
-
449
- .tab_link_wrapper #next {
450
- top: 6px;
451
- right: 5px;
452
- width: 16px;
453
- height: 16px;
454
- }
455
-
456
- /* advanced filter and sorting css for mobile */
457
- .angle-arrow {
458
- display: none;
459
- }
460
-
461
- .Advancedbtn .filterButton {
462
- display: none;
463
- }
464
-
465
- .fillterWrapper {
466
- right: auto;
467
- position: fixed;
468
- left: 0px;
469
- top: 135px;
470
- width: 100%;
471
- }
472
-
473
- .Advancedbtn .filter_count {
474
- display: none !important;
475
- }
476
-
477
- .filterSortedIcons {
478
- display: flex;
479
- gap: 8px;
480
- }
481
- .fillterWrapper{
449
+ }
450
+
451
+ .pageHeading>.result_heading {
452
+ font-size: 1.8rem;
453
+ padding-left: 25px;
454
+ }
455
+
456
+ /* length selector css for mobile */
457
+
458
+ .tab_link_wrapper .flex-row {
459
+ margin: 0 15px;
460
+ }
461
+
462
+ .tab_link_wrapper .tab_link {
463
+ font-size: 12px;
464
+ }
465
+
466
+ .tab_link_wrapper #prev {
467
+ top: 6px;
468
+ left: 5px;
469
+ width: 16px;
470
+ height: 16px;
471
+ }
472
+
473
+ .tab_link_wrapper #next {
474
+ top: 6px;
475
+ right: 5px;
476
+ width: 16px;
477
+ height: 16px;
478
+ }
479
+
480
+ /* advanced filter and sorting css for mobile */
481
+ .angle-arrow {
482
+ display: none;
483
+ }
484
+
485
+ .Advancedbtn .filterButton {
486
+ display: none;
487
+ }
488
+
489
+ .fillterWrapper {
490
+ right: auto;
491
+ position: fixed;
492
+ left: 0px;
493
+ top: 135px;
494
+ width: 100%;
495
+ }
496
+
497
+ .Advancedbtn .filter_count {
498
+ display: none !important;
499
+ }
500
+
501
+ .filterSortedIcons {
502
+ display: flex;
503
+ gap: 8px;
504
+ }
505
+
506
+ .fillterWrapper {
482
507
  position: static;
483
- }
484
- .filters{
508
+ }
509
+
510
+ .filters {
485
511
  flex-direction: column;
486
- }
487
- #sort-select{
512
+ }
513
+
514
+ #sort-select {
488
515
  margin-top: 1rem;
489
- }
490
-
491
- /* result data css for mobile */
492
- .pad {
493
- padding-bottom: 50px;
494
- }
495
-
496
- .wordCount {
497
- font-size: 1.3rem;
498
- }
499
-
500
- }
501
-
502
- .tbl {
516
+ }
517
+
518
+ /* result data css for mobile */
519
+ .pad {
520
+ padding-bottom: 50px;
521
+ }
522
+
523
+ .wordCount {
524
+ font-size: 1.3rem;
525
+ }
526
+
527
+ }
528
+
529
+ .tbl {
503
530
  margin-bottom: 50px;
504
531
  width: 80%;
505
532
  margin-left: 100px;
@@ -515,7 +542,7 @@
515
542
 
516
543
  @media (max-width:992px) {
517
544
  .tbl {
518
- margin-left: 0 !important;
519
- width: 100% !important;
545
+ margin-left: 0 !important;
546
+ width: 100% !important;
520
547
  }
521
548
  }