EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show scrollbars for tables in mobile view only when required

Browse Source
This commit is contained in:
Björn Fromme
2022-04-12 18:10:06 +02:00
parent 2f3e5f0136
commit eff2df46d3
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
+1 -1
View File
@@ -3,7 +3,7 @@
<h1 class="mb-4"> <h1 class="mb-4">
Meine Buchungen Meine Buchungen
</h1> </h1>
<div class="w-full max-w-full overflow-x-scroll"> <div class="w-full max-w-full overflow-x-auto">
<table class="min-w-full border border-gray-200 border-collapse mb-8 text-sm"> <table class="min-w-full border border-gray-200 border-collapse mb-8 text-sm">
<thead> <thead>
<tr> <tr>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
+1 -1
View File
@@ -7,7 +7,7 @@
<f:render partial="NotBookable" arguments="{_all}"/> <f:render partial="NotBookable" arguments="{_all}"/>
</f:then> </f:then>
<f:else> <f:else>
<div class="w-full max-w-full overflow-x-scroll" <div class="w-full max-w-full overflow-x-auto"
data-controller="pricetable" data-controller="pricetable"
data-pricetable-show-all-rows-value="true"> data-pricetable-show-all-rows-value="true">
<table class="min-w-full border border-gray-200 border-collapse mb-8"> <table class="min-w-full border border-gray-200 border-collapse mb-8">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
+1 -1
View File
@@ -17,7 +17,7 @@
</f:section> </f:section>
<f:section name="Table"> <f:section name="Table">
<div class="w-full max-w-full overflow-x-scroll"> <div class="w-full max-w-full overflow-x-auto">
<table class="min-w-full border border-gray-200 border-collapse mb-8"> <table class="min-w-full border border-gray-200 border-collapse mb-8">
<f:for each="{categories}" as="category" key="categoryKey"> <f:for each="{categories}" as="category" key="categoryKey">
<f:if condition="{v:variable.get(name: 'pricetable.{categoryKey}', useRawKeys: 1) -> f:count()} > 0"> <f:if condition="{v:variable.get(name: 'pricetable.{categoryKey}', useRawKeys: 1) -> f:count()} > 0">