From 30912de13f6baae840bcdf56a023fbb1f40f411e Mon Sep 17 00:00:00 2001 From: s416422 Date: Sat, 18 Jan 2020 01:19:30 +0100 Subject: [PATCH] RWD fixed --- public/css/app.css | 32 +++++++++++++------ public/css/map/jquery.seat-charts.css | 31 +++++++++++++++++- public/css/map/seatchart-preview.css | 28 ++++++++++++++++ resources/views/home.blade.php | 8 ++++- resources/views/map/start_map.blade.php | 20 ------------ resources/views/map/summary_map.blade.php | 4 +-- .../views/user/user_attendances.blade.php | 2 +- resources/views/user/user_classes.blade.php | 13 +++++--- 8 files changed, 99 insertions(+), 39 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index fcf54d4..dd81198 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -11198,6 +11198,9 @@ a.text-dark:focus { main { padding-top: 20px; } +.form-check-label { + padding: 0 15px; +} .badge { padding: 5px; @@ -11206,22 +11209,33 @@ main { .mode-div { display: flex; - justify-content: flex-start; + justify-content: center; align-items: center; width: 100%; } +.mode-div div { + display: flex; + justify-content: center; + align-items: center; + width: 40%; +} .mode-div input { width: 20px; + padding: 0 15px; } -.scrollable-div { - max-height: 500px; - overflow-y: auto; - -ms-overflow-style: none; -} -.scrollable-div::-webkit-scrollbar { - display: none; +@media (max-width: 767px) { + .custom-header { + flex-direction: column; + } + + .mode-div { + justify-content: space-between; + } + + .mode-div div { + width: 50%; + } } - diff --git a/public/css/map/jquery.seat-charts.css b/public/css/map/jquery.seat-charts.css index 6da7828..c680ccf 100644 --- a/public/css/map/jquery.seat-charts.css +++ b/public/css/map/jquery.seat-charts.css @@ -220,6 +220,7 @@ a.checkout-button { display: none; width: 50%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); + margin-top: 50px; } .card-reader div { margin: 5px 0; @@ -250,6 +251,7 @@ a.checkout-button { width: 100%; display: flex; justify-content: space-between; + align-items: center; } .main-text { @@ -272,6 +274,10 @@ a.checkout-button { letter-spacing: 0.2em; } +.summary-map-h { + text-align: center; + margin-top: 30px; +} @media (max-width: 1300px) { .wrapper { @@ -281,6 +287,9 @@ a.checkout-button { .main-text { font-size: 9vh; } + .carousel-item { + overflow-y: auto; + } } @media (max-width: 870px) { @@ -296,11 +305,31 @@ a.checkout-button { .card-reader { bottom: -30%; - transform: translate(-50%, -10%); padding: 30px 50px; font-size: 25px; + width: 100%; } + .card-reader-form div { + flex-direction: column; + } + + .card-reader-form input { + width: 100%; + } + + .front-indicator { + flex-direction: column; + } + + .seat-p-preview { + width: 100%; + margin-top: 10px; + } + + .seat-p { + margin: 0; + } } @media (max-width: 650px) { diff --git a/public/css/map/seatchart-preview.css b/public/css/map/seatchart-preview.css index 87f6a07..84d102f 100644 --- a/public/css/map/seatchart-preview.css +++ b/public/css/map/seatchart-preview.css @@ -66,3 +66,31 @@ div.seatCharts-seat.taken { .front-indicator { margin: 0 40px; } + +.scrollable-div { + max-height: 500px; + overflow-y: auto; +} + +@media (max-width: 767px) { + .front-indicator { + flex-direction: column; + } + .seat-p-preview { + width: 100%; + margin-top: 10px; + } + .seat-p { + margin: 0; + } + + .preview-page-content { + flex-direction: column; + } + + .preview-attendance-table, .seat-chart-wrapper { + width: 100%; + margin: 20px 0; + } +} + diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php index f4b0ca0..49594c1 100644 --- a/resources/views/home.blade.php +++ b/resources/views/home.blade.php @@ -21,11 +21,14 @@

Sprawdzanie obecności możesz rozpocząć w zakładce Sprawdź obecność. -
W trybe egzaminu studenci nie będą sami wybierać sobie miejsc, lecz miejsca zostaną im przydzielone w sposób losowy. +
W trybe egzaminu studenci nie będą sami wybierać sobie miejsc, lecz miejsca zostaną im przydzielone w sposób losowy i pokazane na mapie. +
W trybe szybkim sprawdzana jest sama obecność, bez przypisywania miejsc.
Po rozpoczęciu zapisów zostanie wygenerowany i wyświetlony na ekranie kod weryfikacyjny. Należy go wprowadzić do programu obsługującego odczyt danych z legitymacji studenckich. Kod jest ważny 1,5 godziny od momentu utworzenia zajęć. +
Od tego momentu można rozpocząć proces sprawdzania obecności poprzez wprowadzanie legitymacji do czytnika. W razie potrzeby istnieje także możliwośc manualnego dodania obecności (na przykład w przypadku braku czytnika, braku legitymacji czy problemów technicznych). Dopóki kod jest aktywny, zapisy można przerywać i ponownie kontynuować, gdy zajdzie taka potrzeba. +
Jeśli limit miejsc w sali zostanie osiągnięty, to każda kolejna osoba będzie wciąż miała możliwość zarejestrowania swojej obecności na zajęciach, lecz nie zostanie do niej przypisane żadne miejsce siedzące.
W tej zakładce znajdziesz także listę wszystkich minionych zajęć.
W każdym momencie możesz zobaczyć podgląd sali i listę obecności dla konkretnych zajęć. Taką listę możesz sortować i wyeksportować do formatu xlsx.

@@ -34,6 +37,9 @@
Do każdej obecności możesz dodać notatkę i ją później edytować.
Rekordy dotyczące wszystkich obecności możesz grupować i wyeksportować. Przy eksporcie każda tabela-grupa trafi do pliku xlsx jako osobny arkusz.

+

+ Z racji charakteru systemu, który bazuje na integracji z zewnętrznym czytnikiem i mapą sali, rekomendowane jest korzystanie z programu w trybie desktopowym, a nie mobilnym. +

@endsection @yield('user_content') diff --git a/resources/views/map/start_map.blade.php b/resources/views/map/start_map.blade.php index 4a9f8e2..5084cbe 100644 --- a/resources/views/map/start_map.blade.php +++ b/resources/views/map/start_map.blade.php @@ -35,26 +35,6 @@ - -