Update pages.html
Browse files- pages.html +14 -18
pages.html
CHANGED
@@ -412,25 +412,21 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
412 |
|
413 |
|
414 |
<style>
|
415 |
-
/* Стили для
|
416 |
-
|
417 |
-
|
418 |
-
|
419 |
-
|
420 |
-
|
421 |
-
|
422 |
-
|
423 |
-
|
424 |
-
|
425 |
|
426 |
}
|
427 |
|
428 |
/* Стили для кнопки "Показать/Скрыть" */
|
429 |
#toggleAppBtn {
|
430 |
-
position: absolute;
|
431 |
-
top: 770px;
|
432 |
-
left: 10px;
|
433 |
-
z-index: 100; /* Убедитесь, что кнопка находится поверх других элементов */
|
434 |
background-color: #4CAF50; /* Зелёный цвет */
|
435 |
color: white;
|
436 |
border: none;
|
@@ -438,8 +434,6 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
438 |
font-size: 16px;
|
439 |
border-radius: 5px;
|
440 |
cursor: pointer;
|
441 |
-
margin-bottom: 15%; /* относительно длины родительского блока */
|
442 |
-
|
443 |
}
|
444 |
|
445 |
#toggleAppBtn:hover {
|
@@ -456,8 +450,10 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
456 |
|
457 |
|
458 |
|
459 |
-
|
460 |
-
|
|
|
|
|
461 |
<!-- Кнопка для открытия модального окна -->
|
462 |
<button id="myBtn" style="position: absolute; top: 30px; right: 10px;">Открыть модальное</button>
|
463 |
|
|
|
412 |
|
413 |
|
414 |
<style>
|
415 |
+
/* Стили для контейнера кнопки */
|
416 |
+
.button-container {
|
417 |
+
position: absolute;
|
418 |
+
top: 770px;
|
419 |
+
left: 10px;
|
420 |
+
z-index: 100; /* Убедитесь, что кнопка находится поверх других элементов */
|
421 |
+
bottom: 20px; /* Отступ от нижнего края браузера */
|
422 |
+
left: 20px; /* Отступ от левого края браузера */
|
423 |
+
padding: 20px; /* Внутренние отступы вокруг кнопки */
|
424 |
+
background-color: transparent; /* Прозрачный фон контейнера */
|
425 |
|
426 |
}
|
427 |
|
428 |
/* Стили для кнопки "Показать/Скрыть" */
|
429 |
#toggleAppBtn {
|
|
|
|
|
|
|
|
|
430 |
background-color: #4CAF50; /* Зелёный цвет */
|
431 |
color: white;
|
432 |
border: none;
|
|
|
434 |
font-size: 16px;
|
435 |
border-radius: 5px;
|
436 |
cursor: pointer;
|
|
|
|
|
437 |
}
|
438 |
|
439 |
#toggleAppBtn:hover {
|
|
|
450 |
|
451 |
|
452 |
|
453 |
+
<!-- Кнопка для показа/скрытия приложения -->
|
454 |
+
<div class="button-container">
|
455 |
+
<button id="toggleAppBtn">Показать/Скрыть приложение</button>
|
456 |
+
</div>
|
457 |
<!-- Кнопка для открытия модального окна -->
|
458 |
<button id="myBtn" style="position: absolute; top: 30px; right: 10px;">Открыть модальное</button>
|
459 |
|