mirrors/easyappointments
1
0
Fork 1
mirror of https://github.com/alextselegidis/easyappointments.git synced 2024-11-29 11:23:10 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fixed responsive display for mobile devices.

Browse source
This commit is contained in:
Alex Tselegidis 2016-01-06 21:56:22 +01:00
parent 9918631c0f
commit 7cdccf1d27
3 changed files with 245 additions and 205 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/application/views/general/error404.php
View file

@ -76,8 +76,13 @@
} }
@media(max-width: 640px) { @media(max-width: 640px) {
body {
display: block;
}
#message-frame { #message-frame {
width: 100%; width: 100%;
height: 100%;
padding: 20px; padding: 20px;
} }

37
src/assets/css/frontend.css
View file

@ -257,7 +257,7 @@ body {
#main { #main {
min-height: 100%; min-height: 100%;
display: block; /* reset display */ display: block; /* reset display */
padding: 0; padding: 5vw;
} }
#main .wrapper { #main .wrapper {
@ -303,6 +303,9 @@ body {
#book-appointment-wizard .wizard-frame .command-buttons #button-next-1 { #book-appointment-wizard .wizard-frame .command-buttons #button-next-1 {
width: 100%; width: 100%;
max-width: 300px;
margin: auto;
display: block;
} }
#book-appointment-wizard .wizard-frame #select-date { #book-appointment-wizard .wizard-frame #select-date {
@ -381,3 +384,35 @@ body {
font-size: 1.2em; font-size: 1.2em;
} }
} }
@media(max-width:480px) {
body {
background-color: #FAFAFA;
}
#main {
padding: 0;
}
#main .wrapper {
width: 100vw;
margin: 0;
display: block;
}
#book-appointment-wizard {
box-shadow: none;
}
#book-appointment-wizard .captcha-title {
margin: 7px 0 10px 0
}
#book-appointment-wizard .captcha-image {
float: left;
}
#book-appointment-wizard #frame-footer {
}
}