finish classifying menu pokemon
This commit is contained in:
Jeff Colombo
parent
a7542479e8
commit
a1d04c05af
31
dist/app.css
vendored
31
dist/app.css
vendored
@ -1,5 +1,19 @@
|
||||
/* Generated by cssConcatenator.js */
|
||||
/** Source: ./dist/main.tmp.css */
|
||||
._3ZEoC8iBGCLG7l6yLZ5xto {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
align-items: stretch;
|
||||
height: 100vh; }
|
||||
._3ZEoC8iBGCLG7l6yLZ5xto ._23cv_xbRz92BiCJWhfDAvo {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: stretch; }
|
||||
|
||||
._2s_s2Qq6lMCrAFywqXmkG4,
|
||||
._3q19QD159aLyJOAJXwRJpW {
|
||||
height: 60px; }
|
||||
|
||||
.nes-field.is-inline .xR5IU7T9gOSfM0SfGIQhQ {
|
||||
width: 4.25em;
|
||||
padding-left: 0.7em;
|
||||
@ -29,7 +43,6 @@
|
||||
display: none; }
|
||||
|
||||
._1FBILDo_TwNPvQhOicM4JN {
|
||||
height: 100%;
|
||||
flex-grow: 1;
|
||||
/* for Firefox */
|
||||
display: flex;
|
||||
@ -59,7 +72,6 @@
|
||||
padding: 2px; }
|
||||
|
||||
._3U9PuqYc3wBzWrjcTwdxMR {
|
||||
height: 100vh;
|
||||
margin: 0 auto;
|
||||
flex-basis: 30rem;
|
||||
display: flex;
|
||||
@ -68,11 +80,13 @@
|
||||
._2Jl9u0Rt3EygHBywm6mwlQ {
|
||||
margin-bottom: 0; }
|
||||
|
||||
._1oqey4MeNnownRjDwdb5wd {
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
._1oqey4MeNnownRjDwdb5wd,
|
||||
._2Oq1Dli-WwzjV6T64vXOzV {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
margin-bottom: 1rem; }
|
||||
justify-content: space-evenly; }
|
||||
._1oqey4MeNnownRjDwdb5wd ._2k9b7P7Zx3Mf1yPshzRfcX,
|
||||
._1oqey4MeNnownRjDwdb5wd .t82k7iU2OohnGxjTSzpHc,
|
||||
._2Oq1Dli-WwzjV6T64vXOzV ._2k9b7P7Zx3Mf1yPshzRfcX,
|
||||
@ -242,7 +256,6 @@
|
||||
padding: 0 2.5rem; }
|
||||
|
||||
._2ktnAYaWPic5tHP0KElljW {
|
||||
height: 100vh;
|
||||
font-size: 0.8rem;
|
||||
flex-basis: 20em;
|
||||
display: flex;
|
||||
@ -263,7 +276,7 @@
|
||||
._2ktnAYaWPic5tHP0KElljW a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 5px 1em 5px 2.25em;
|
||||
padding: 5px 1em 5px 2em;
|
||||
justify-content: flex-end;
|
||||
align-content: space-around;
|
||||
flex-wrap: wrap; }
|
||||
@ -296,11 +309,5 @@
|
||||
.VIw8QGHXA_izXov4a8xKt {
|
||||
flex: 0 1 100%; }
|
||||
|
||||
._3ZEoC8iBGCLG7l6yLZ5xto {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: stretch;
|
||||
height: 100vh; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=main.tmp.css.map*/
|
||||
32
dist/global.css
vendored
32
dist/global.css
vendored
@ -3736,51 +3736,51 @@ input[type="checkbox"] {
|
||||
|
||||
@keyframes pokeball-dance {
|
||||
from {
|
||||
background-position-y: -127px; }
|
||||
background-position-y: -128px; }
|
||||
to {
|
||||
background-position-y: -129px; } }
|
||||
background-position-y: -130px; } }
|
||||
|
||||
@keyframes fossil-dance {
|
||||
from {
|
||||
background-position-y: -143px; }
|
||||
background-position-y: -144px; }
|
||||
to {
|
||||
background-position-y: -145px; } }
|
||||
background-position-y: -146px; } }
|
||||
|
||||
:hover > .menu {
|
||||
animation: dance 300ms steps(2) infinite alternate; }
|
||||
|
||||
.menu.pokemon-004, .menu.pokemon-005, .menu.pokemon-006, .menu.pokemon-027, .menu.pokemon-028, .menu.pokemon-029, .menu.pokemon-030, .menu.pokemon-031, .menu.pokemon-032, .menu.pokemon-033, .menu.pokemon-034, .menu.pokemon-041, .menu.pokemon-042, .menu.pokemon-169, .menu.pokemon-050, .menu.pokemon-051, .menu.pokemon-052, .menu.pokemon-053, .menu.pokemon-054, .menu.pokemon-055, .menu.pokemon-056, .menu.pokemon-057, .menu.pokemon-060, .menu.pokemon-061, .menu.pokemon-062, .menu.pokemon-186, .menu.pokemon-063, .menu.pokemon-064, .menu.pokemon-065, .menu.pokemon-066, .menu.pokemon-067, .menu.pokemon-068, .menu.pokemon-074, .menu.pokemon-075, .menu.pokemon-076, .menu.pokemon-077, .menu.pokemon-078, .menu.pokemon-079, .menu.pokemon-080, .menu.pokemon-088, .menu.pokemon-089, .menu.pokemon-199, .menu.pokemon-092, .menu.pokemon-093, .menu.pokemon-094, .menu.pokemon-096, .menu.pokemon-097, .menu.pokemon-104, .menu.pokemon-105, .menu.pokemon-236, .menu.pokemon-106, .menu.pokemon-107, .menu.pokemon-237, .menu.pokemon-108, .menu.pokemon-463, .menu.pokemon-109, .menu.pokemon-110, .menu.pokemon-111, .menu.pokemon-112, .menu.pokemon-464, .menu.pokemon-115, .menu.pokemon-439, .menu.pokemon-122, .menu.pokemon-124, .menu.pokemon-239, .menu.pokemon-125, .menu.pokemon-466, .menu.pokemon-240, .menu.pokemon-126, .menu.pokemon-467, .menu.pokemon-132, .menu.pokemon-137, .menu.pokemon-233, .menu.pokemon-474, .menu.pokemon-143, .menu.pokemon-181, .menu.pokemon-150, .menu.pokemon-151, .menu.pokemon-rhydon {
|
||||
.menu.pokemon-004, .menu.pokemon-005, .menu.pokemon-006, .menu.pokemon-027, .menu.pokemon-028, .menu.pokemon-029, .menu.pokemon-030, .menu.pokemon-031, .menu.pokemon-032, .menu.pokemon-033, .menu.pokemon-034, .menu.pokemon-041, .menu.pokemon-042, .menu.pokemon-169, .menu.pokemon-050, .menu.pokemon-051, .menu.pokemon-052, .menu.pokemon-053, .menu.pokemon-054, .menu.pokemon-055, .menu.pokemon-056, .menu.pokemon-057, .menu.pokemon-060, .menu.pokemon-061, .menu.pokemon-062, .menu.pokemon-186, .menu.pokemon-063, .menu.pokemon-064, .menu.pokemon-065, .menu.pokemon-066, .menu.pokemon-067, .menu.pokemon-068, .menu.pokemon-074, .menu.pokemon-075, .menu.pokemon-076, .menu.pokemon-077, .menu.pokemon-078, .menu.pokemon-079, .menu.pokemon-080, .menu.pokemon-088, .menu.pokemon-089, .menu.pokemon-199, .menu.pokemon-092, .menu.pokemon-093, .menu.pokemon-094, .menu.pokemon-096, .menu.pokemon-097, .menu.pokemon-104, .menu.pokemon-105, .menu.pokemon-236, .menu.pokemon-106, .menu.pokemon-107, .menu.pokemon-237, .menu.pokemon-108, .menu.pokemon-463, .menu.pokemon-109, .menu.pokemon-110, .menu.pokemon-111, .menu.pokemon-112, .menu.pokemon-464, .menu.pokemon-115, .menu.pokemon-439, .menu.pokemon-122, .menu.pokemon-238, .menu.pokemon-124, .menu.pokemon-239, .menu.pokemon-125, .menu.pokemon-466, .menu.pokemon-240, .menu.pokemon-126, .menu.pokemon-467, .menu.pokemon-132, .menu.pokemon-137, .menu.pokemon-233, .menu.pokemon-474, .menu.pokemon-446, .menu.pokemon-143, .menu.pokemon-150, .menu.pokemon-151, .menu.pokemon-157, .menu.pokemon-180, .menu.pokemon-181, .menu.pokemon-190, .menu.pokemon-424, .menu.pokemon-200, .menu.pokemon-429, .menu.pokemon-201, .menu.pokemon-360, .menu.pokemon-202, .menu.pokemon-207, .menu.pokemon-472, .menu.pokemon-209, .menu.pokemon-210, .menu.pokemon-215, .menu.pokemon-461, .menu.pokemon-216, .menu.pokemon-217, .menu.pokemon-218, .menu.pokemon-219, .menu.pokemon-235, .menu.pokemon-241, .menu.pokemon-246, .menu.pokemon-247, .menu.pokemon-248, .menu.pokemon-256, .menu.pokemon-257, .menu.pokemon-280, .menu.pokemon-281, .menu.pokemon-282, .menu.pokemon-475, .menu.pokemon-287, .menu.pokemon-288, .menu.pokemon-289, .menu.pokemon-296, .menu.pokemon-297, .menu.pokemon-299, .menu.pokemon-476, .menu.pokemon-302, .menu.pokemon-303, .menu.pokemon-306, .menu.pokemon-307, .menu.pokemon-308, .menu.pokemon-311, .menu.pokemon-312, .menu.pokemon-316, .menu.pokemon-317, .menu.pokemon-325, .menu.pokemon-326, .menu.pokemon-327, .menu.pokemon-335, .menu.pokemon-343, .menu.pokemon-344, .menu.pokemon-351, .menu.pokemon-352, .menu.pokemon-353, .menu.pokemon-354, .menu.pokemon-355, .menu.pokemon-356, .menu.pokemon-477, .menu.pokemon-361, .menu.pokemon-362, .menu.pokemon-478, .menu.pokemon-377, .menu.pokemon-378, .menu.pokemon-379, .menu.pokemon-383, .menu.pokemon-386, .menu.pokemon-390, .menu.pokemon-391, .menu.pokemon-392, .menu.pokemon-408, .menu.pokemon-409, .menu.pokemon-427, .menu.pokemon-428, .menu.pokemon-442, .menu.pokemon-447, .menu.pokemon-448, .menu.pokemon-453, .menu.pokemon-454, .menu.pokemon-459, .menu.pokemon-460, .menu.pokemon-480, .menu.pokemon-481, .menu.pokemon-482, .menu.pokemon-486, .menu.pokemon-491, .menu.pokemon-499, .menu.pokemon-500, .menu.pokemon-504, .menu.pokemon-505, .menu.pokemon-513, .menu.pokemon-514, .menu.pokemon-524, .menu.pokemon-525, .menu.pokemon-526, .menu.pokemon-527, .menu.pokemon-528, .menu.pokemon-529, .menu.pokemon-530, .menu.pokemon-532, .menu.pokemon-533, .menu.pokemon-534, .menu.pokemon-538, .menu.pokemon-539, .menu.pokemon-552, .menu.pokemon-553, .menu.pokemon-554, .menu.pokemon-555, .menu.pokemon-559, .menu.pokemon-560, .menu.pokemon-561, .menu.pokemon-562, .menu.pokemon-563, .menu.pokemon-568, .menu.pokemon-569, .menu.pokemon-571, .menu.pokemon-574, .menu.pokemon-575, .menu.pokemon-576, .menu.pokemon-582, .menu.pokemon-583, .menu.pokemon-584, .menu.pokemon-613, .menu.pokemon-614, .menu.pokemon-619, .menu.pokemon-620, .menu.pokemon-622, .menu.pokemon-623, .menu.pokemon-624, .menu.pokemon-625, .menu.pokemon-631, .menu.pokemon-641, .menu.pokemon-642, .menu.pokemon-643, .menu.pokemon-644, .menu.pokemon-645, .menu.pokemon-646, .menu.pokemon-654, .menu.pokemon-655, .menu.pokemon-659, .menu.pokemon-660, .menu.pokemon-674, .menu.pokemon-675, .menu.pokemon-689, .menu.pokemon-694, .menu.pokemon-695, .menu.pokemon-696, .menu.pokemon-697, .menu.pokemon-717, .menu.pokemon-719, .menu.pokemon-720, .menu.pokemon-727, .menu.pokemon-747, .menu.pokemon-748, .menu.pokemon-760, .menu.pokemon-765, .menu.pokemon-766, .menu.pokemon-776, .menu.pokemon-783, .menu.pokemon-784, .menu.pokemon-785, .menu.pokemon-786, .menu.pokemon-787, .menu.pokemon-788, .menu.pokemon-792, .menu.pokemon-796, .menu.pokemon-799, .menu.pokemon-800, .menu.pokemon-802, .menu.pokemon-803, .menu.pokemon-806, .menu.pokemon-807, .menu.pokemon-rhydon {
|
||||
background-position: 0 0; }
|
||||
|
||||
.menu.pokemon-016, .menu.pokemon-017, .menu.pokemon-018, .menu.pokemon-021, .menu.pokemon-022, .menu.pokemon-083, .menu.pokemon-084, .menu.pokemon-085, .menu.pokemon-142, .menu.pokemon-144, .menu.pokemon-145, .menu.pokemon-146, .menu.pokemon-bird {
|
||||
.menu.pokemon-016, .menu.pokemon-017, .menu.pokemon-018, .menu.pokemon-021, .menu.pokemon-022, .menu.pokemon-083, .menu.pokemon-084, .menu.pokemon-085, .menu.pokemon-142, .menu.pokemon-144, .menu.pokemon-145, .menu.pokemon-146, .menu.pokemon-163, .menu.pokemon-164, .menu.pokemon-177, .menu.pokemon-178, .menu.pokemon-198, .menu.pokemon-430, .menu.pokemon-225, .menu.pokemon-227, .menu.pokemon-249, .menu.pokemon-250, .menu.pokemon-255, .menu.pokemon-276, .menu.pokemon-277, .menu.pokemon-278, .menu.pokemon-279, .menu.pokemon-333, .menu.pokemon-334, .menu.pokemon-396, .menu.pokemon-397, .menu.pokemon-398, .menu.pokemon-441, .menu.pokemon-519, .menu.pokemon-520, .menu.pokemon-521, .menu.pokemon-566, .menu.pokemon-567, .menu.pokemon-580, .menu.pokemon-581, .menu.pokemon-627, .menu.pokemon-628, .menu.pokemon-629, .menu.pokemon-630, .menu.pokemon-661, .menu.pokemon-662, .menu.pokemon-663, .menu.pokemon-682, .menu.pokemon-701, .menu.pokemon-731, .menu.pokemon-732, .menu.pokemon-733, .menu.pokemon-741, .menu.pokemon-bird {
|
||||
background-position: 0 -16px; }
|
||||
|
||||
.menu.pokemon-007, .menu.pokemon-008, .menu.pokemon-009, .menu.pokemon-072, .menu.pokemon-073, .menu.pokemon-086, .menu.pokemon-087, .menu.pokemon-098, .menu.pokemon-099, .menu.pokemon-116, .menu.pokemon-117, .menu.pokemon-230, .menu.pokemon-118, .menu.pokemon-119, .menu.pokemon-129, .menu.pokemon-131, .menu.pokemon-fish {
|
||||
.menu.pokemon-007, .menu.pokemon-008, .menu.pokemon-009, .menu.pokemon-072, .menu.pokemon-073, .menu.pokemon-086, .menu.pokemon-087, .menu.pokemon-098, .menu.pokemon-099, .menu.pokemon-116, .menu.pokemon-117, .menu.pokemon-230, .menu.pokemon-118, .menu.pokemon-119, .menu.pokemon-129, .menu.pokemon-131, .menu.pokemon-158, .menu.pokemon-159, .menu.pokemon-160, .menu.pokemon-170, .menu.pokemon-171, .menu.pokemon-194, .menu.pokemon-195, .menu.pokemon-211, .menu.pokemon-222, .menu.pokemon-223, .menu.pokemon-224, .menu.pokemon-458, .menu.pokemon-226, .menu.pokemon-258, .menu.pokemon-259, .menu.pokemon-260, .menu.pokemon-270, .menu.pokemon-271, .menu.pokemon-272, .menu.pokemon-320, .menu.pokemon-321, .menu.pokemon-318, .menu.pokemon-319, .menu.pokemon-339, .menu.pokemon-340, .menu.pokemon-349, .menu.pokemon-363, .menu.pokemon-364, .menu.pokemon-365, .menu.pokemon-369, .menu.pokemon-370, .menu.pokemon-382, .menu.pokemon-393, .menu.pokemon-394, .menu.pokemon-395, .menu.pokemon-418, .menu.pokemon-419, .menu.pokemon-422, .menu.pokemon-423, .menu.pokemon-443, .menu.pokemon-444, .menu.pokemon-445, .menu.pokemon-456, .menu.pokemon-457, .menu.pokemon-489, .menu.pokemon-490, .menu.pokemon-501, .menu.pokemon-502, .menu.pokemon-503, .menu.pokemon-515, .menu.pokemon-516, .menu.pokemon-535, .menu.pokemon-536, .menu.pokemon-537, .menu.pokemon-550, .menu.pokemon-592, .menu.pokemon-593, .menu.pokemon-594, .menu.pokemon-602, .menu.pokemon-603, .menu.pokemon-604, .menu.pokemon-618, .menu.pokemon-656, .menu.pokemon-657, .menu.pokemon-658, .menu.pokemon-686, .menu.pokemon-687, .menu.pokemon-690, .menu.pokemon-691, .menu.pokemon-728, .menu.pokemon-729, .menu.pokemon-730, .menu.pokemon-746, .menu.pokemon-771, .menu.pokemon-779, .menu.pokemon-793, .menu.pokemon-fish {
|
||||
background-position: 0 -32px; }
|
||||
|
||||
.menu.pokemon-172, .menu.pokemon-025, .menu.pokemon-026, .menu.pokemon-173, .menu.pokemon-035, .menu.pokemon-036, .menu.pokemon-174, .menu.pokemon-039, .menu.pokemon-040, .menu.pokemon-113, .menu.pokemon-242, .menu.pokemon-clefairy {
|
||||
.menu.pokemon-172, .menu.pokemon-025, .menu.pokemon-026, .menu.pokemon-173, .menu.pokemon-035, .menu.pokemon-036, .menu.pokemon-174, .menu.pokemon-039, .menu.pokemon-040, .menu.pokemon-440, .menu.pokemon-113, .menu.pokemon-242, .menu.pokemon-175, .menu.pokemon-176, .menu.pokemon-468, .menu.pokemon-298, .menu.pokemon-183, .menu.pokemon-184, .menu.pokemon-251, .menu.pokemon-293, .menu.pokemon-294, .menu.pokemon-295, .menu.pokemon-385, .menu.pokemon-417, .menu.pokemon-494, .menu.pokemon-517, .menu.pokemon-518, .menu.pokemon-531, .menu.pokemon-572, .menu.pokemon-573, .menu.pokemon-587, .menu.pokemon-648, .menu.pokemon-677, .menu.pokemon-678, .menu.pokemon-683, .menu.pokemon-684, .menu.pokemon-685, .menu.pokemon-702, .menu.pokemon-764, .menu.pokemon-775, .menu.pokemon-777, .menu.pokemon-clefairy {
|
||||
background-position: 0 -48px; }
|
||||
|
||||
.menu.pokemon-001, .menu.pokemon-002, .menu.pokemon-003, .menu.pokemon-043, .menu.pokemon-044, .menu.pokemon-045, .menu.pokemon-182, .menu.pokemon-069, .menu.pokemon-070, .menu.pokemon-071, .menu.pokemon-102, .menu.pokemon-103, .menu.pokemon-114, .menu.pokemon-465, .menu.pokemon-plant {
|
||||
.menu.pokemon-001, .menu.pokemon-002, .menu.pokemon-003, .menu.pokemon-043, .menu.pokemon-044, .menu.pokemon-045, .menu.pokemon-182, .menu.pokemon-069, .menu.pokemon-070, .menu.pokemon-071, .menu.pokemon-102, .menu.pokemon-103, .menu.pokemon-114, .menu.pokemon-465, .menu.pokemon-152, .menu.pokemon-153, .menu.pokemon-154, .menu.pokemon-438, .menu.pokemon-185, .menu.pokemon-187, .menu.pokemon-188, .menu.pokemon-189, .menu.pokemon-191, .menu.pokemon-192, .menu.pokemon-252, .menu.pokemon-253, .menu.pokemon-254, .menu.pokemon-273, .menu.pokemon-274, .menu.pokemon-275, .menu.pokemon-285, .menu.pokemon-286, .menu.pokemon-406, .menu.pokemon-315, .menu.pokemon-407, .menu.pokemon-331, .menu.pokemon-332, .menu.pokemon-345, .menu.pokemon-346, .menu.pokemon-357, .menu.pokemon-387, .menu.pokemon-388, .menu.pokemon-389, .menu.pokemon-420, .menu.pokemon-421, .menu.pokemon-455, .menu.pokemon-495, .menu.pokemon-496, .menu.pokemon-497, .menu.pokemon-511, .menu.pokemon-512, .menu.pokemon-546, .menu.pokemon-547, .menu.pokemon-548, .menu.pokemon-549, .menu.pokemon-556, .menu.pokemon-590, .menu.pokemon-591, .menu.pokemon-597, .menu.pokemon-598, .menu.pokemon-640, .menu.pokemon-650, .menu.pokemon-651, .menu.pokemon-652, .menu.pokemon-669, .menu.pokemon-670, .menu.pokemon-671, .menu.pokemon-672, .menu.pokemon-673, .menu.pokemon-708, .menu.pokemon-709, .menu.pokemon-710, .menu.pokemon-711, .menu.pokemon-722, .menu.pokemon-723, .menu.pokemon-724, .menu.pokemon-753, .menu.pokemon-754, .menu.pokemon-755, .menu.pokemon-756, .menu.pokemon-761, .menu.pokemon-762, .menu.pokemon-763, .menu.pokemon-781, .menu.pokemon-plant {
|
||||
background-position: 0 -64px; }
|
||||
|
||||
.menu.pokemon-010, .menu.pokemon-011, .menu.pokemon-012, .menu.pokemon-013, .menu.pokemon-014, .menu.pokemon-015, .menu.pokemon-046, .menu.pokemon-047, .menu.pokemon-048, .menu.pokemon-049, .menu.pokemon-123, .menu.pokemon-212, .menu.pokemon-127, .menu.pokemon-bug {
|
||||
.menu.pokemon-010, .menu.pokemon-011, .menu.pokemon-012, .menu.pokemon-013, .menu.pokemon-014, .menu.pokemon-015, .menu.pokemon-046, .menu.pokemon-047, .menu.pokemon-048, .menu.pokemon-049, .menu.pokemon-123, .menu.pokemon-212, .menu.pokemon-127, .menu.pokemon-165, .menu.pokemon-166, .menu.pokemon-167, .menu.pokemon-168, .menu.pokemon-193, .menu.pokemon-469, .menu.pokemon-204, .menu.pokemon-205, .menu.pokemon-213, .menu.pokemon-214, .menu.pokemon-265, .menu.pokemon-266, .menu.pokemon-267, .menu.pokemon-268, .menu.pokemon-269, .menu.pokemon-283, .menu.pokemon-284, .menu.pokemon-290, .menu.pokemon-291, .menu.pokemon-292, .menu.pokemon-313, .menu.pokemon-314, .menu.pokemon-347, .menu.pokemon-348, .menu.pokemon-401, .menu.pokemon-402, .menu.pokemon-412, .menu.pokemon-413, .menu.pokemon-414, .menu.pokemon-415, .menu.pokemon-416, .menu.pokemon-451, .menu.pokemon-452, .menu.pokemon-540, .menu.pokemon-541, .menu.pokemon-542, .menu.pokemon-543, .menu.pokemon-544, .menu.pokemon-545, .menu.pokemon-588, .menu.pokemon-595, .menu.pokemon-596, .menu.pokemon-617, .menu.pokemon-632, .menu.pokemon-636, .menu.pokemon-637, .menu.pokemon-649, .menu.pokemon-664, .menu.pokemon-665, .menu.pokemon-666, .menu.pokemon-736, .menu.pokemon-737, .menu.pokemon-738, .menu.pokemon-742, .menu.pokemon-743, .menu.pokemon-751, .menu.pokemon-752, .menu.pokemon-767, .menu.pokemon-768, .menu.pokemon-794, .menu.pokemon-795, .menu.pokemon-bug {
|
||||
background-position: 0 -80px; }
|
||||
|
||||
.menu.pokemon-023, .menu.pokemon-024, .menu.pokemon-095, .menu.pokemon-208, .menu.pokemon-130, .menu.pokemon-147, .menu.pokemon-148, .menu.pokemon-149, .menu.pokemon-snake {
|
||||
.menu.pokemon-023, .menu.pokemon-024, .menu.pokemon-095, .menu.pokemon-208, .menu.pokemon-130, .menu.pokemon-147, .menu.pokemon-148, .menu.pokemon-149, .menu.pokemon-206, .menu.pokemon-329, .menu.pokemon-330, .menu.pokemon-336, .menu.pokemon-350, .menu.pokemon-367, .menu.pokemon-368, .menu.pokemon-371, .menu.pokemon-372, .menu.pokemon-373, .menu.pokemon-380, .menu.pokemon-381, .menu.pokemon-384, .menu.pokemon-484, .menu.pokemon-487, .menu.pokemon-488, .menu.pokemon-610, .menu.pokemon-611, .menu.pokemon-612, .menu.pokemon-621, .menu.pokemon-633, .menu.pokemon-634, .menu.pokemon-635, .menu.pokemon-704, .menu.pokemon-705, .menu.pokemon-706, .menu.pokemon-714, .menu.pokemon-715, .menu.pokemon-718, .menu.pokemon-769, .menu.pokemon-770, .menu.pokemon-778, .menu.pokemon-780, .menu.pokemon-804, .menu.pokemon-snake {
|
||||
background-position: 0 -96px; }
|
||||
|
||||
.menu.pokemon-019, .menu.pokemon-020, .menu.pokemon-037, .menu.pokemon-038, .menu.pokemon-058, .menu.pokemon-059, .menu.pokemon-128, .menu.pokemon-133, .menu.pokemon-134, .menu.pokemon-135, .menu.pokemon-136, .menu.pokemon-196, .menu.pokemon-197, .menu.pokemon-470, .menu.pokemon-471, .menu.pokemon-tauros {
|
||||
.menu.pokemon-019, .menu.pokemon-020, .menu.pokemon-037, .menu.pokemon-038, .menu.pokemon-058, .menu.pokemon-059, .menu.pokemon-128, .menu.pokemon-133, .menu.pokemon-134, .menu.pokemon-135, .menu.pokemon-136, .menu.pokemon-196, .menu.pokemon-197, .menu.pokemon-470, .menu.pokemon-471, .menu.pokemon-700, .menu.pokemon-155, .menu.pokemon-156, .menu.pokemon-161, .menu.pokemon-162, .menu.pokemon-179, .menu.pokemon-203, .menu.pokemon-220, .menu.pokemon-221, .menu.pokemon-473, .menu.pokemon-228, .menu.pokemon-229, .menu.pokemon-231, .menu.pokemon-232, .menu.pokemon-234, .menu.pokemon-243, .menu.pokemon-244, .menu.pokemon-245, .menu.pokemon-261, .menu.pokemon-262, .menu.pokemon-263, .menu.pokemon-264, .menu.pokemon-300, .menu.pokemon-301, .menu.pokemon-304, .menu.pokemon-305, .menu.pokemon-309, .menu.pokemon-310, .menu.pokemon-322, .menu.pokemon-323, .menu.pokemon-324, .menu.pokemon-328, .menu.pokemon-359, .menu.pokemon-399, .menu.pokemon-400, .menu.pokemon-403, .menu.pokemon-404, .menu.pokemon-405, .menu.pokemon-410, .menu.pokemon-411, .menu.pokemon-431, .menu.pokemon-432, .menu.pokemon-434, .menu.pokemon-435, .menu.pokemon-449, .menu.pokemon-450, .menu.pokemon-483, .menu.pokemon-485, .menu.pokemon-492, .menu.pokemon-493, .menu.pokemon-498, .menu.pokemon-506, .menu.pokemon-507, .menu.pokemon-508, .menu.pokemon-509, .menu.pokemon-510, .menu.pokemon-522, .menu.pokemon-523, .menu.pokemon-551, .menu.pokemon-570, .menu.pokemon-585, .menu.pokemon-586, .menu.pokemon-626, .menu.pokemon-638, .menu.pokemon-639, .menu.pokemon-647, .menu.pokemon-653, .menu.pokemon-667, .menu.pokemon-668, .menu.pokemon-676, .menu.pokemon-698, .menu.pokemon-699, .menu.pokemon-712, .menu.pokemon-713, .menu.pokemon-716, .menu.pokemon-721, .menu.pokemon-725, .menu.pokemon-726, .menu.pokemon-734, .menu.pokemon-735, .menu.pokemon-744, .menu.pokemon-745, .menu.pokemon-749, .menu.pokemon-750, .menu.pokemon-757, .menu.pokemon-758, .menu.pokemon-759, .menu.pokemon-772, .menu.pokemon-773, .menu.pokemon-782, .menu.pokemon-791, .menu.pokemon-tauros {
|
||||
background-position: 0 -112px; }
|
||||
|
||||
.menu.pokemon-081, .menu.pokemon-082, .menu.pokemon-462, .menu.pokemon-100, .menu.pokemon-101, .menu.pokemon-pokeball {
|
||||
.menu.pokemon-081, .menu.pokemon-082, .menu.pokemon-462, .menu.pokemon-100, .menu.pokemon-101, .menu.pokemon-433, .menu.pokemon-358, .menu.pokemon-374, .menu.pokemon-375, .menu.pokemon-376, .menu.pokemon-425, .menu.pokemon-426, .menu.pokemon-436, .menu.pokemon-437, .menu.pokemon-479, .menu.pokemon-577, .menu.pokemon-578, .menu.pokemon-579, .menu.pokemon-599, .menu.pokemon-600, .menu.pokemon-601, .menu.pokemon-605, .menu.pokemon-606, .menu.pokemon-607, .menu.pokemon-608, .menu.pokemon-609, .menu.pokemon-615, .menu.pokemon-679, .menu.pokemon-680, .menu.pokemon-681, .menu.pokemon-707, .menu.pokemon-774, .menu.pokemon-789, .menu.pokemon-790, .menu.pokemon-797, .menu.pokemon-798, .menu.pokemon-801, .menu.pokemon-805, .menu.pokemon-808, .menu.pokemon-809, .menu.pokemon-pokeball {
|
||||
background-position: 0 -128px; }
|
||||
:hover > .menu.pokemon-081, :hover > .menu.pokemon-082, :hover > .menu.pokemon-462, :hover > .menu.pokemon-100, :hover > .menu.pokemon-101, :hover > .menu.pokemon-pokeball {
|
||||
:hover > .menu.pokemon-081, :hover > .menu.pokemon-082, :hover > .menu.pokemon-462, :hover > .menu.pokemon-100, :hover > .menu.pokemon-101, :hover > .menu.pokemon-433, :hover > .menu.pokemon-358, :hover > .menu.pokemon-374, :hover > .menu.pokemon-375, :hover > .menu.pokemon-376, :hover > .menu.pokemon-425, :hover > .menu.pokemon-426, :hover > .menu.pokemon-436, :hover > .menu.pokemon-437, :hover > .menu.pokemon-479, :hover > .menu.pokemon-577, :hover > .menu.pokemon-578, :hover > .menu.pokemon-579, :hover > .menu.pokemon-599, :hover > .menu.pokemon-600, :hover > .menu.pokemon-601, :hover > .menu.pokemon-605, :hover > .menu.pokemon-606, :hover > .menu.pokemon-607, :hover > .menu.pokemon-608, :hover > .menu.pokemon-609, :hover > .menu.pokemon-615, :hover > .menu.pokemon-679, :hover > .menu.pokemon-680, :hover > .menu.pokemon-681, :hover > .menu.pokemon-707, :hover > .menu.pokemon-774, :hover > .menu.pokemon-789, :hover > .menu.pokemon-790, :hover > .menu.pokemon-797, :hover > .menu.pokemon-798, :hover > .menu.pokemon-801, :hover > .menu.pokemon-805, :hover > .menu.pokemon-808, :hover > .menu.pokemon-809, :hover > .menu.pokemon-pokeball {
|
||||
animation: pokeball-dance 300ms steps(2) infinite alternate; }
|
||||
|
||||
.menu.pokemon-090, .menu.pokemon-091, .menu.pokemon-120, .menu.pokemon-121, .menu.pokemon-138, .menu.pokemon-139, .menu.pokemon-140, .menu.pokemon-141, .menu.pokemon-fossil {
|
||||
.menu.pokemon-090, .menu.pokemon-091, .menu.pokemon-120, .menu.pokemon-121, .menu.pokemon-138, .menu.pokemon-139, .menu.pokemon-140, .menu.pokemon-141, .menu.pokemon-337, .menu.pokemon-338, .menu.pokemon-341, .menu.pokemon-342, .menu.pokemon-557, .menu.pokemon-558, .menu.pokemon-564, .menu.pokemon-565, .menu.pokemon-366, .menu.pokemon-589, .menu.pokemon-616, .menu.pokemon-688, .menu.pokemon-692, .menu.pokemon-693, .menu.pokemon-703, .menu.pokemon-739, .menu.pokemon-740, .menu.pokemon-fossil {
|
||||
background-position: 0 -144px; }
|
||||
:hover > .menu.pokemon-090, :hover > .menu.pokemon-091, :hover > .menu.pokemon-120, :hover > .menu.pokemon-121, :hover > .menu.pokemon-138, :hover > .menu.pokemon-139, :hover > .menu.pokemon-140, :hover > .menu.pokemon-141, :hover > .menu.pokemon-fossil {
|
||||
:hover > .menu.pokemon-090, :hover > .menu.pokemon-091, :hover > .menu.pokemon-120, :hover > .menu.pokemon-121, :hover > .menu.pokemon-138, :hover > .menu.pokemon-139, :hover > .menu.pokemon-140, :hover > .menu.pokemon-141, :hover > .menu.pokemon-337, :hover > .menu.pokemon-338, :hover > .menu.pokemon-341, :hover > .menu.pokemon-342, :hover > .menu.pokemon-557, :hover > .menu.pokemon-558, :hover > .menu.pokemon-564, :hover > .menu.pokemon-565, :hover > .menu.pokemon-366, :hover > .menu.pokemon-589, :hover > .menu.pokemon-616, :hover > .menu.pokemon-688, :hover > .menu.pokemon-692, :hover > .menu.pokemon-693, :hover > .menu.pokemon-703, :hover > .menu.pokemon-739, :hover > .menu.pokemon-740, :hover > .menu.pokemon-fossil {
|
||||
animation: fossil-dance 300ms steps(2) infinite alternate; }
|
||||
|
||||
.pokemon-001 {
|
||||
|
||||
186
dist/main-bundle.js
vendored
186
dist/main-bundle.js
vendored
@ -37803,6 +37803,10 @@ var ActionsPokemonExplorer = __importStar(__webpack_require__(/*! ./components/P
|
||||
|
||||
var ActionsPokemonSelectList = __importStar(__webpack_require__(/*! ./components/PokemonSelectList/actions */ "./src/ts/app/components/PokemonSelectList/actions.ts"));
|
||||
|
||||
var Footer_1 = __webpack_require__(/*! ./components/Footer */ "./src/ts/app/components/Footer.tsx");
|
||||
|
||||
var Header_1 = __webpack_require__(/*! ./components/Header */ "./src/ts/app/components/Header.tsx");
|
||||
|
||||
var PokemonExplorer_1 = __webpack_require__(/*! ./components/PokemonExplorer/PokemonExplorer */ "./src/ts/app/components/PokemonExplorer/PokemonExplorer.tsx");
|
||||
|
||||
var PokemonSelectList_1 = __webpack_require__(/*! ./components/PokemonSelectList/PokemonSelectList */ "./src/ts/app/components/PokemonSelectList/PokemonSelectList.tsx");
|
||||
@ -37950,6 +37954,8 @@ function (_react_1$default$Comp) {
|
||||
leaguePokemon = _this$props$pokemonEx.leaguePokemon;
|
||||
return react_1.default.createElement("div", {
|
||||
className: styles.wrapper
|
||||
}, react_1.default.createElement(Header_1.Header, null), react_1.default.createElement("div", {
|
||||
className: styles.body
|
||||
}, react_1.default.createElement(PokemonSelectList_1.PokemonSelectList, {
|
||||
isLoading: this.props.pokemonSelectListState.isLoading,
|
||||
activePokemonId: activePokemonId,
|
||||
@ -37966,7 +37972,7 @@ function (_react_1$default$Comp) {
|
||||
handleChangeIndividualValue: this.handleChangeIndividualValue,
|
||||
handleMaximizeLevel: this.handleMaximizeLevel,
|
||||
handleChangeLeague: this.handleChangeLeagueNavigation
|
||||
}));
|
||||
})), react_1.default.createElement(Footer_1.Footer, null));
|
||||
}
|
||||
}]);
|
||||
|
||||
@ -37997,6 +38003,166 @@ exports.ConnectedPokemonApp = react_redux_1.connect(mapStateToProps, mapDispatch
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/ts/app/components/Footer.tsx":
|
||||
/*!******************************************!*\
|
||||
!*** ./src/ts/app/components/Footer.tsx ***!
|
||||
\******************************************/
|
||||
/*! no static exports found */
|
||||
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
var __importDefault = this && this.__importDefault || function (mod) {
|
||||
return mod && mod.__esModule ? mod : {
|
||||
"default": mod
|
||||
};
|
||||
};
|
||||
|
||||
var __importStar = this && this.__importStar || function (mod) {
|
||||
if (mod && mod.__esModule) return mod;
|
||||
var result = {};
|
||||
if (mod != null) for (var k in mod) {
|
||||
if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
||||
}
|
||||
result["default"] = mod;
|
||||
return result;
|
||||
};
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var react_1 = __importDefault(__webpack_require__(/*! react */ "./node_modules/react/index.js"));
|
||||
|
||||
var styles = __importStar(__webpack_require__(/*! ../styles/PokemonApp.scss */ "./src/ts/app/styles/PokemonApp.scss"));
|
||||
|
||||
var Footer =
|
||||
/*#__PURE__*/
|
||||
function (_react_1$default$Comp) {
|
||||
_inherits(Footer, _react_1$default$Comp);
|
||||
|
||||
function Footer() {
|
||||
_classCallCheck(this, Footer);
|
||||
|
||||
return _possibleConstructorReturn(this, _getPrototypeOf(Footer).apply(this, arguments));
|
||||
}
|
||||
|
||||
_createClass(Footer, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return react_1.default.createElement("footer", {
|
||||
className: styles.footer
|
||||
}, react_1.default.createElement("div", null));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Footer;
|
||||
}(react_1.default.Component);
|
||||
|
||||
exports.Footer = Footer;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/ts/app/components/Header.tsx":
|
||||
/*!******************************************!*\
|
||||
!*** ./src/ts/app/components/Header.tsx ***!
|
||||
\******************************************/
|
||||
/*! no static exports found */
|
||||
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
var __importDefault = this && this.__importDefault || function (mod) {
|
||||
return mod && mod.__esModule ? mod : {
|
||||
"default": mod
|
||||
};
|
||||
};
|
||||
|
||||
var __importStar = this && this.__importStar || function (mod) {
|
||||
if (mod && mod.__esModule) return mod;
|
||||
var result = {};
|
||||
if (mod != null) for (var k in mod) {
|
||||
if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
||||
}
|
||||
result["default"] = mod;
|
||||
return result;
|
||||
};
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var react_1 = __importDefault(__webpack_require__(/*! react */ "./node_modules/react/index.js"));
|
||||
|
||||
var styles = __importStar(__webpack_require__(/*! ../styles/PokemonApp.scss */ "./src/ts/app/styles/PokemonApp.scss"));
|
||||
|
||||
var Header =
|
||||
/*#__PURE__*/
|
||||
function (_react_1$default$Comp) {
|
||||
_inherits(Header, _react_1$default$Comp);
|
||||
|
||||
function Header() {
|
||||
_classCallCheck(this, Header);
|
||||
|
||||
return _possibleConstructorReturn(this, _getPrototypeOf(Header).apply(this, arguments));
|
||||
}
|
||||
|
||||
_createClass(Header, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return react_1.default.createElement("header", {
|
||||
className: styles.header
|
||||
}, "Header");
|
||||
}
|
||||
}]);
|
||||
|
||||
return Header;
|
||||
}(react_1.default.Component);
|
||||
|
||||
exports.Header = Header;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./src/ts/app/components/PokemonExplorer/IvForm.tsx":
|
||||
/*!**********************************************************!*\
|
||||
!*** ./src/ts/app/components/PokemonExplorer/IvForm.tsx ***!
|
||||
@ -40080,21 +40246,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
}); // export type League = 'great' | 'ultra' | 'master' | 'custom';
|
||||
// export const LeagueLabels : Array<{ id : League, label : string }> = [{
|
||||
// id: 'great',
|
||||
// label: 'Great'
|
||||
// }, {
|
||||
// id: 'ultra',
|
||||
// label: 'Ultra'
|
||||
// }, {
|
||||
// id: 'master',
|
||||
// label: 'Master'
|
||||
// }, {
|
||||
// id: 'custom',
|
||||
// label: 'Custom'
|
||||
// }];
|
||||
|
||||
});
|
||||
var League;
|
||||
|
||||
(function (League) {
|
||||
@ -40176,7 +40328,7 @@ var Grade;
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
// extracted by mini-css-extract-plugin
|
||||
module.exports = {"wrapper":"_3ZEoC8iBGCLG7l6yLZ5xto"};
|
||||
module.exports = {"wrapper":"_3ZEoC8iBGCLG7l6yLZ5xto","body":"_23cv_xbRz92BiCJWhfDAvo","header":"_2s_s2Qq6lMCrAFywqXmkG4","footer":"_3q19QD159aLyJOAJXwRJpW"};
|
||||
|
||||
/***/ }),
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -14,6 +14,8 @@ import { IPokemonAppDispatch } from './types';
|
||||
|
||||
import { IndividualValueKey } from './components/PokemonExplorer/types';
|
||||
|
||||
import { Footer } from './components/Footer';
|
||||
import { Header } from './components/Header';
|
||||
import { PokemonExplorer } from './components/PokemonExplorer/PokemonExplorer';
|
||||
import { PokemonSelectList } from './components/PokemonSelectList/PokemonSelectList';
|
||||
|
||||
@ -78,26 +80,30 @@ class PokemonApp extends React.Component<IConnectedPokemonAppProps> {
|
||||
|
||||
return (
|
||||
<div className={ styles.wrapper }>
|
||||
<PokemonSelectList
|
||||
isLoading={ this.props.pokemonSelectListState.isLoading }
|
||||
activePokemonId={ activePokemonId }
|
||||
activePokemonForm={ activePokemonForm }
|
||||
pokemonList={ filterTerm === '' ? pokemonList : pokemonListFiltered }
|
||||
filterTerm={ this.props.pokemonSelectListState.filterTerm }
|
||||
handleActivatePokemon={ this.handleActivatePokemon }
|
||||
handleChangeFilter={ this.handleChangeFilter }
|
||||
/>
|
||||
{ leaguePokemon !== null &&
|
||||
<PokemonExplorer
|
||||
isLoading={ this.props.pokemonExplorerState.isLoading }
|
||||
activeLeague={ league }
|
||||
leaguePokemon={ leaguePokemon }
|
||||
individualValues={ individualValues }
|
||||
handleChangeIndividualValue={ this.handleChangeIndividualValue }
|
||||
handleMaximizeLevel={ this.handleMaximizeLevel }
|
||||
handleChangeLeague={ this.handleChangeLeagueNavigation }
|
||||
<Header />
|
||||
<div className={ styles.body }>
|
||||
<PokemonSelectList
|
||||
isLoading={ this.props.pokemonSelectListState.isLoading }
|
||||
activePokemonId={ activePokemonId }
|
||||
activePokemonForm={ activePokemonForm }
|
||||
pokemonList={ filterTerm === '' ? pokemonList : pokemonListFiltered }
|
||||
filterTerm={ this.props.pokemonSelectListState.filterTerm }
|
||||
handleActivatePokemon={ this.handleActivatePokemon }
|
||||
handleChangeFilter={ this.handleChangeFilter }
|
||||
/>
|
||||
}
|
||||
{ leaguePokemon !== null &&
|
||||
<PokemonExplorer
|
||||
isLoading={ this.props.pokemonExplorerState.isLoading }
|
||||
activeLeague={ league }
|
||||
leaguePokemon={ leaguePokemon }
|
||||
individualValues={ individualValues }
|
||||
handleChangeIndividualValue={ this.handleChangeIndividualValue }
|
||||
handleMaximizeLevel={ this.handleMaximizeLevel }
|
||||
handleChangeLeague={ this.handleChangeLeagueNavigation }
|
||||
/>
|
||||
}
|
||||
</div>
|
||||
<Footer />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
14
src/ts/app/components/Footer.tsx
Normal file
14
src/ts/app/components/Footer.tsx
Normal file
@ -0,0 +1,14 @@
|
||||
import React from 'react';
|
||||
|
||||
import * as styles from '../styles/PokemonApp.scss';
|
||||
|
||||
interface IFooterProps {}
|
||||
|
||||
export class Footer extends React.Component<IFooterProps> {
|
||||
|
||||
public render() {
|
||||
return (
|
||||
<footer className={ styles.footer }><div/></footer>
|
||||
);
|
||||
}
|
||||
}
|
||||
16
src/ts/app/components/Header.tsx
Normal file
16
src/ts/app/components/Header.tsx
Normal file
@ -0,0 +1,16 @@
|
||||
import React from 'react';
|
||||
|
||||
import * as styles from '../styles/PokemonApp.scss';
|
||||
|
||||
interface IHeaderProps {}
|
||||
|
||||
export class Header extends React.Component<IHeaderProps> {
|
||||
|
||||
public render() {
|
||||
return (
|
||||
<header className={ styles.header }>
|
||||
Header
|
||||
</header>
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
@import 'styles/Variables.scss';
|
||||
|
||||
.selectList {
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
flex-grow: 1;
|
||||
|
||||
/* for Firefox */
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
@import 'styles/Variables.scss';
|
||||
|
||||
.wrapper {
|
||||
height: 100vh;
|
||||
margin: 0 auto;
|
||||
flex-basis: 30rem;
|
||||
display: flex;
|
||||
@ -12,11 +11,14 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.pokemonInfoWrapper {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.pokemonInfoWrapper,
|
||||
.leaguePokemonRank {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
.pokemonInfoLeftColumn,
|
||||
.pokemonInfoRightColumn {
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
@import 'styles/Variables.scss';
|
||||
|
||||
.leftPanel {
|
||||
height: 100vh;
|
||||
font-size: 0.8rem;
|
||||
flex-basis: 20em;
|
||||
display: flex;
|
||||
@ -31,7 +30,7 @@
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 5px 1em 5px 2.25em;
|
||||
padding: 5px 1em 5px 2em;
|
||||
justify-content: flex-end;
|
||||
align-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@ -2,12 +2,23 @@
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
flex-flow: column nowrap;
|
||||
align-items: stretch;
|
||||
height: 100vh;
|
||||
|
||||
.body {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
// & > * {
|
||||
// flex-grow: 0;
|
||||
// flex-shrink: 0;
|
||||
// }
|
||||
}
|
||||
|
||||
.header,
|
||||
.footer {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
3
src/ts/app/styles/PokemonApp.scss.d.ts
vendored
3
src/ts/app/styles/PokemonApp.scss.d.ts
vendored
@ -1,3 +1,6 @@
|
||||
// This file is automatically generated.
|
||||
// Please do not change this file!
|
||||
export const body: string;
|
||||
export const footer: string;
|
||||
export const header: string;
|
||||
export const wrapper: string;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user