Lordmau5/ESAMuchRechner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Klebender Header

Browse Source
This commit is contained in:
Lordmau5 2023-08-08 14:46:10 +02:00
parent 82b01a0d93
commit 5f4b077e2c
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/RechnerSeite.vue
View File

@ -60,7 +60,8 @@
</q-card-section> </q-card-section>
<q-table <q-table
style="height: 350px" class="witzigeTabelleMitKlebendemHeader"
dense
:rows="tabellenReihen" :rows="tabellenReihen"
:columns="tabellenSpalten" :columns="tabellenSpalten"
separator="cell" separator="cell"
@ -177,7 +178,8 @@
</q-card-section> </q-card-section>
<q-table <q-table
style="height: 350px" class="witzigeTabelleMitKlebendemHeader"
dense
:rows="gequetschteTabellenReihen" :rows="gequetschteTabellenReihen"
:columns="tabellenSpalten" :columns="tabellenSpalten"
separator="cell" separator="cell"
@ -227,7 +229,8 @@
</q-card-section> </q-card-section>
<q-table <q-table
style="height: 350px" class="witzigeTabelleMitKlebendemHeader"
dense
:rows="blechGesprächZeilen" :rows="blechGesprächZeilen"
:columns="blechGesprächSpalten" :columns="blechGesprächSpalten"
separator="cell" separator="cell"
@ -508,6 +511,20 @@ const personenAuswahlMöglichkeiten = computed(() => {
</script> </script>
<style> <style>
.witzigeTabelleMitKlebendemHeader {
height: 400px;
}
.witzigeTabelleMitKlebendemHeader thead tr th {
position: sticky;
z-index: 1;
}
.witzigeTabelleMitKlebendemHeader thead tr:first-child th {
top: 0;
background-color: #323232;
}
.ichGehInDieDisko { .ichGehInDieDisko {
animation: diskoNeu v-bind(blechDiskoGeschwindigkeit) linear infinite; animation: diskoNeu v-bind(blechDiskoGeschwindigkeit) linear infinite;
background: linear-gradient(238deg, #7c4200, #760043, #4c007e, #001f86, #005a68, #194830); background: linear-gradient(238deg, #7c4200, #760043, #4c007e, #001f86, #005a68, #194830);