fix: sliders & players

MIU-cz · Jun 30, 2024 · ce3ee18 · ce3ee18
1 parent d3c19d4
commit ce3ee18
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 14 deletions.
diff --git a/Yandex/index.html b/Yandex/index.html
@@ -798,9 +798,9 @@ <h2 class="txt_main_h">Участники турнира</h2>
 		</footer>
 
 		<!-- scripts -->
+		<script src="src/js/slider-stage.js"></script>
+		<script src="src/js/players.js"></script>
 		<script src="src/autor-resourse/autor-footer-script.js"></script>
 		<script src="src/js/animation.js"></script>
-		<script src="src/js/slider.js"></script>
-		<script src="src/js/players.js"></script>
 	</body>
 </html>
diff --git a/Yandex/src/css/main.css b/Yandex/src/css/main.css
@@ -895,8 +895,6 @@
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 100%;
-  -moz-column-gap: 20px;
-       column-gap: 20px;
 }
 @media (min-width: 768px) {
   .players_cards_wraper {
@@ -945,6 +943,7 @@
 
 .player_btns {
   display: flex;
+  align-items: center;
   margin-top: 40px;
 }
 @media (min-width: 1240px) {

diff --git a/Yandex/src/css/main.css.map b/Yandex/src/css/main.css.map
diff --git a/Yandex/src/css/main.scss b/Yandex/src/css/main.scss
@@ -658,7 +658,9 @@
 	display: grid;
 	grid-auto-flow: column;
 	grid-auto-columns: 100%;
-	column-gap: 20px;
+	// column-gap: 20px;
+
+	// transform: translateX(0%);
 
 	@media (min-width: 768px) {
 		grid-auto-columns: 50%;
@@ -679,6 +681,10 @@
 	align-items: center;
 	text-align: center;
 
+	// &:nth-child(1) {
+		// display: none;
+	// }
+
 	.card_img {
 		width: 244px;
 		height: 244px;
@@ -714,6 +720,7 @@
 
 .player_btns {
 	display: flex;
+	align-items: center;
 	margin-top: 40px;
 
 	@media (min-width:1240px) {

diff --git a/Yandex/src/js/players.js b/Yandex/src/js/players.js
@@ -36,6 +36,7 @@ const addPlayers = () => {
     }
 
     playersCards.innerHTML = cardsHTML;
+
 };
 
-window.addEventListener("load", addPlayers);
+window.addEventListener("load", addPlayers);
diff --git a/Yandex/src/js/slider.js → Yandex/src/js/slider-stage.js b/Yandex/src/js/slider.js → Yandex/src/js/slider-stage.js
@@ -12,7 +12,7 @@ let blockWidth = 0,
 	stageItems = 0,
 	pugBtnsItems = "";
 
-function apdateVariables() {
+function updateStages() {
 	blockWidth = sliderBlock.clientWidth + 20;
 	let lineLength = sliderLine.scrollWidth;
 	stageItems = Math.round(lineLength / blockWidth);
@@ -66,12 +66,10 @@ pugContainer.addEventListener("click", function (e) {
 	stageItem = e.target.dataset.stage - 1;
 	moveStageLine();
 
-    // console.log(e.target);
-    // console.log(e.currentTarget);
+	// console.log(e.target);
+	// console.log(e.currentTarget);
 });
 
-window.addEventListener("load", apdateVariables);
-window.addEventListener("resize", apdateVariables);
+window.addEventListener("load", updateStages);
+window.addEventListener("resize", updateStages);
 
-// ################################
-// Player slider