Correção HTML, css no campo hora.

parent ccfa1e0e
...@@ -11142,16 +11142,6 @@ p .button_agendar { ...@@ -11142,16 +11142,6 @@ p .button_agendar {
color: white; color: white;
} }
/*
input:checked+.checkbox-wrapper button {
color: white;
}
input:checked+.checkbox-wrapper button {
background-color: red;
} */
#data { #data {
width: 12rem; width: 12rem;
height: 10%; height: 10%;
...@@ -11163,6 +11153,7 @@ input:checked+.checkbox-wrapper button { ...@@ -11163,6 +11153,7 @@ input:checked+.checkbox-wrapper button {
padding: 10px; padding: 10px;
margin: 1px auto 0; margin: 1px auto 0;
border-color: transparent; border-color: transparent;
background-color: rgb(209, 204, 204);
} }
#hora { #hora {
...@@ -11176,14 +11167,11 @@ input:checked+.checkbox-wrapper button { ...@@ -11176,14 +11167,11 @@ input:checked+.checkbox-wrapper button {
padding: 10px; padding: 10px;
margin: 1px auto 0; margin: 1px auto 0;
border-color: transparent; border-color: transparent;
} background-color: rgb(199, 199, 199);
#hora:after {
background: #237aca;
} }
#hora:hover { #hora:hover {
background-color: silver; background-color: rgb(157, 154, 154);
} }
#simButton, #simButton,
...@@ -11268,16 +11256,19 @@ body { ...@@ -11268,16 +11256,19 @@ body {
} */ } */
} /* } */
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
vertical-align: baseline; vertical-align: baseline;
} }
a { a {
text-decoration: none; text-decoration: none;
} }
/* .max(@maxWidth; /* .max(@maxWidth;
@rules) { @rules) {
@media only screen and (max-width: @maxWidth) { @media only screen and (max-width: @maxWidth) {
...@@ -11291,6 +11282,7 @@ a { ...@@ -11291,6 +11282,7 @@ a {
@rules(); @rules();
} }
} */ } */
.calendar-wrapper { .calendar-wrapper {
width: 90%; width: 90%;
margin: .01rem auto; margin: .01rem auto;
...@@ -11299,6 +11291,7 @@ a { ...@@ -11299,6 +11291,7 @@ a {
border-radius: 5px; border-radius: 5px;
background: linear-gradient( 174deg, rgb(226, 226, 226) 4%, rgb(221, 221, 221) 100%); background: linear-gradient( 174deg, rgb(226, 226, 226) 4%, rgb(221, 221, 221) 100%);
} }
table { table {
clear: both; clear: both;
width: 100%; width: 100%;
...@@ -11307,6 +11300,7 @@ table { ...@@ -11307,6 +11300,7 @@ table {
border-collapse: collapse; border-collapse: collapse;
color: black; color: black;
} }
td { td {
height: 48px; height: 48px;
text-align: center; text-align: center;
...@@ -11315,22 +11309,27 @@ td { ...@@ -11315,22 +11309,27 @@ td {
width: 100% / 7; width: 100% / 7;
} }
/* { /* {
background-color: lighten(rgb(226, 226, 226) 4%, 4%); background-color: lighten(rgb(226, 226, 226) 4%, 4%);
&:hover { &:hover {
background-color: lighten(@col__blu, 8%); background-color: lighten(@col__blu, 8%);
} }
} */ } */
td.not-current { td.not-current {
color: rgb(145, 141, 141); color: rgb(145, 141, 141);
} }
/* td.normal {} */ /* td.normal {} */
td.today { td.today {
font-weight: 700; font-weight: 700;
color: red; color: red;
font-size: 1.5em; font-size: 1.5em;
} }
thead td { thead td {
border: none; border: none;
color: black; color: black;
...@@ -11338,26 +11337,31 @@ thead td { ...@@ -11338,26 +11337,31 @@ thead td {
text-transform: uppercase; text-transform: uppercase;
font-size: 1.5em; font-size: 1.5em;
} }
#btnPrev { #btnPrev {
float: left; float: left;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* #btnPrev:before { /* #btnPrev:before {
content: '\f104'; content: '\f104';
font-family: FontAwesome; font-family: FontAwesome;
padding-right: 4px; padding-right: 4px;
} */ } */
#btnNext { #btnNext {
float: right; float: right;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* #btnNext:after { /* #btnNext:after {
content: '\f105'; content: '\f105';
font-family: FontAwesome; font-family: FontAwesome;
padding-left: 4px; padding-left: 4px;
} */ } */
#btnPrev, #btnPrev,
#btnNext { #btnNext {
background: transparent; background: transparent;
...@@ -11370,9 +11374,11 @@ thead td { ...@@ -11370,9 +11374,11 @@ thead td {
text-transform: uppercase; text-transform: uppercase;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
#btnPrev:hover { #btnPrev:hover {
color: rgb(123, 121, 121); color: rgb(123, 121, 121);
} }
#btnNext:hover { #btnNext:hover {
color: rgb(123, 121, 121); color: rgb(123, 121, 121);
} }
\ No newline at end of file
This diff is collapsed.
...@@ -10,39 +10,40 @@ ...@@ -10,39 +10,40 @@
@breadcrumb(['page'=>$page,'items'=>$breadcrumb ?? []]) @breadcrumb(['page'=>$page,'items'=>$breadcrumb ?? []])
@endbreadcrumb @endbreadcrumb
@form(['action'=>route('agendamentoConfere'), 'method'=>'POST']) @form(['action'=>route('agendamentoConfere'), 'method'=>'POST'])
<fieldset class="fieldAgendar"> <fieldset class="fieldAgendar">
<p id="agendar">Agendar horário</p> <p id="agendar">Agendar horário</p>
</fieldset> </fieldset>
<fieldset class="calendario"> <fieldset class="calendario">
<input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="08:00">
<input type="button" id="hora" name="horaAgendamento" value="08:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="08:20">
<input type="button" id="hora" name="horaAgendamento" value="08:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="08:40">
<input type="button" id="hora" name="horaAgendamento" value="08:40"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="09:00">
<input type="button" id="hora" name="horaAgendamento" value="09:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="09:20">
<input type="button" id="hora" name="horaAgendamento" value="09:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="09:40">
<input type="button" id="hora" name="horaAgendamento" value="09:40"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="10:00">
<input type="button" id="hora" name="horaAgendamento" value="10:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="10:20">
<input type="button" id="hora" name="horaAgendamento" value="10:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="10:40">
<input type="button" id="hora" name="horaAgendamento" value="10:40"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="11:00">
<input type="button" id="hora" name="horaAgendamento" value="11:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="11:20">
<input type="button" id="hora" name="horaAgendamento" value="11:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="11:40">
<input type="button" id="hora" name="horaAgendamento" value="11:40"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="13:00">
<input type="button" id="hora" name="horaAgendamento" value="13:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="13:20">
<input type="button" id="hora" name="horaAgendamento" value="13:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="13:40">
<input type="button" id="hora" name="horaAgendamento" value="13:40"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="14:00">
<input type="button" id="hora" name="horaAgendamento" value="14:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="14:20">
<input type="button" id="hora" name="horaAgendamento" value="14:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="14:40">
<input type="button" id="hora" name="horaAgendamento" value="14:40"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="15:00">
<input type="button" id="hora" name="horaAgendamento" value="15:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="15:20">
<input type="button" id="hora" name="horaAgendamento" value="15:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="15:40">
<input type="button" id="hora" name="horaAgendamento" value="15:40"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="16:00">
<input type="button" id="hora" name="horaAgendamento" value="16:00"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="16:20">
<input type="button" id="hora" name="horaAgendamento" value="16:20"> <input type="button" onfocus="this.style.backgroundColor='rgb(0, 166, 255)'" onblur="this.style.backgroundColor='rgb(209, 204, 204)'" id="hora" name="horaAgendamento" value="16:40">
<input type="button" id="hora" name="horaAgendamento" value="16:40">
<br> <br>
<button class="enviarbtn" onclick="window.location = '{{ route('agendamentoConfere') }}'">@lang('agendamento.next')</button> <button class="enviarbtn" onclick="window.location = '{{ route('agendamentoConfere') }}'">@lang('agendamento.next')</button>
</fieldset> </fieldset>
@endform @endform
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment