fernando
/
horarios-v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reemplazada la tabla de los horarios por divs para permitir columnas con un ancho consistente

add-license-1
Araozu 2020-08-11 20:07:08 -05:00
parent 8ddd80d22d
commit 16927e6bc9
2 changed files with 27 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/Inicio/tabla-horarios.vue
View File

@ -1,20 +1,21 @@
<template lang="pug"> <template lang="pug">
table.tabla_horario(border="1") div
thead div.contenedor_horario
tr div.cabeza
td Hora div.fila-d
td(v-for="dia in dias") {{ dia }} div Hora
tbody div(v-for="dia in dias") {{ dia }}
template(v-for="hora in horas") div.cuerpo
tr.fila(v-show="!(horasDescanso.find(x => x === hora)) || $store.state.mostrarDescansos") template(v-for="hora in horas")
td div.fila-d(v-show="!(horasDescanso.find(x => x === hora)) || $store.state.mostrarDescansos")
span {{ hora.substring(0, 5) }} div
span.ocultar-en-movil {{ hora.substr(5) }} span {{ hora.substring(0, 5) }}
celda(v-for="(dia, i) in dias" :key="i" span.ocultar-en-movil {{ hora.substr(5) }}
:dia="dia" celda(v-for="(dia, i) in dias" :key="i"
:hora="hora" :dia="dia"
:nombreAño="nombreAño" :hora="hora"
:nombreStore="nombreStore") :nombreAño="nombreAño"
:nombreStore="nombreStore")
// //
</template> </template>
@ -77,23 +78,18 @@ table.tabla_horario(border="1")
<style scoped lang="sass"> <style scoped lang="sass">
.fila:hover .fila-d
background-color: var(--colorFondoFila) display: grid
grid-template-columns: 7rem repeat(5, calc((100% - 7rem) / 5))
text-align: center
.tabla_horario div
width: 100%
border-color: var(--colorBorde) // rgba(135, 135, 135, 0.51)
border: none
tr
vertical-align: middle
text-align: center
td:first-child
width: 8rem
td
border: solid 1px var(--colorBorde) border: solid 1px var(--colorBorde)
.fila-d:hover
background-color: var(--colorFondoFila)
@media only screen and (max-width: 700px) @media only screen and (max-width: 700px)
.ocultar-en-movil .ocultar-en-movil
display: none display: none

2
src/components/Inicio/tablaHorarios/celda.vue
View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
td(:class="clases") div(:class="clases")
celda-curso(v-for="(datos, i) in datosCeldas" :key="i" :datos="datos" :nombreAño="nombreAño") celda-curso(v-for="(datos, i) in datosCeldas" :key="i" :datos="datos" :nombreAño="nombreAño")
// //