diff --git a/development/issues/open/301.html b/development/issues/open/301.html index f1e231d2059d88e1ae91111d7adc676e2493c220..c765657eee7db4629b0619dfa058dc3a4636efe2 100644 --- a/development/issues/open/301.html +++ b/development/issues/open/301.html @@ -3,13 +3,13 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Slider view more slides #239</title> - <script src="./239.mjs" type="module"></script> + <title>Slider doesn't react to all defined breakpoints #301</title> + <script src="./301.mjs" type="module"></script> </head> <body> -<h1>Slider view more slides #239</h1> +<h1>Slider doesn't react to all defined breakpoints #301</h1> <ul> - <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/239">Issue #239</a></li> + <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/301">Issue #301</a></li> <li><a href="/">Back to overview</a></li> </ul> <main style="width: 1200px"> @@ -21,6 +21,8 @@ data-monster-option-slides-600="2" data-monster-option-slides-1200="3" data-monster-option-slides-1800="4"> + + <!-- reaction only on breakpoint 1200 --> <div slot="next"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor" diff --git a/development/issues/open/301.mjs b/development/issues/open/301.mjs new file mode 100644 index 0000000000000000000000000000000000000000..c122b1beb371b78dea470aef925a07ce2d048e0c --- /dev/null +++ b/development/issues/open/301.mjs @@ -0,0 +1,16 @@ +/** +* @file development/issues/open/301.mjs +* @url https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/301 +* @description breakpoints monster-slider +* @issue 301 +*/ + +import "../../../source/components/style/property.pcss"; +import "../../../source/components/style/link.pcss"; +import "../../../source/components/style/color.pcss"; +import "../../../source/components/style/theme.pcss"; +import "../../../source/components/style/normalize.pcss"; +import "../../../source/components/style/typography.pcss"; +import "../../../source/components/layout/slider.mjs"; +import "../../../source/components/datatable/pagination.mjs"; +