DmitrMakeev commited on
Commit
8053e65
·
verified ·
1 Parent(s): 41c847d

Update pages.html

Browse files
Files changed (1) hide show
  1. pages.html +14 -18
pages.html CHANGED
@@ -412,25 +412,21 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
412
 
413
 
414
  <style>
415
- /* Стили для полосы зелёного цвета снизу редактора */
416
- #gjs::after {
417
- content: '';
418
- display: block;
419
- height: 5px; /* Высота полосы */
420
- background-color: #388E3C; /* Тёмно-зелёный цвет */
421
- width: 100%;
422
- position: absolute;
423
- bottom: 0;
424
- left: 0;
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
- <button id="toggleAppBtn" >Показать/Скрыть приложение</button>
 
 
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