increase clickable area in destination selection

This commit is contained in:
Daniel Friesel 2022-07-13 21:35:59 +02:00
parent 5eab0c14f4
commit 795136d868
No known key found for this signature in database
GPG key ID: 100D5BFB5166E005
4 changed files with 45 additions and 40 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -22,6 +22,17 @@ a.unmarked {
color: $off-black;
}
a.tablerow {
display: flex;
justify-content: space-between;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid rgba(0,0,0,0.12);
span {
display: inline-block;
}
}
.pagination {
li {
a {

View file

@ -210,23 +210,22 @@
% }
% elsif (not $journey->{arr_name}) {
<p>Ziel wählen:</p>
<table>
<tbody>
<p>
% for my $station (@{$journey->{route_after}}) {
<tr><td><a class="action-checkout" data-station="<%= $station->[0] %>"><%= $station->[0] %>
<a class="tablerow action-checkout" data-station="<%= $station->[0] %>">
<span><%= $station->[0] %></span>
% if ($station->[2] and $station->[2] eq 'cancelled') {
<span style="float: right;">entfällt</span>
<span>entfällt</span>
% }
% elsif ($station->[1]{rt_arr}) {
<span style="float: right;"><%= $station->[1]{rt_arr}->strftime('%H:%M') %></span>
<span><%= $station->[1]{rt_arr}->strftime('%H:%M') %></span>
% }
% elsif ($station->[2] and $station->[2] eq 'additional') {
<span style="float: right;">Zusatzhalt</span>
<span>Zusatzhalt</span>
% }
</a></td></tr>
</a>
% }
</tbody>
</table>
</p>
% }
</div>
<div class="card-action">
@ -311,28 +310,23 @@
<div class="card-content">
<i class="material-icons small right sync-failed-marker grey-text" style="display: none;">sync_problem</i>
<span class="card-title">Ziel ändern?</span>
<table>
<tbody>
<p>
% for my $station (@{$journey->{route_after}}) {
% my $is_dest = ($journey->{arr_name} and $station->[0] eq $journey->{arr_name});
<tr><td>
% if ($user->{sb_template}) {
<a href="<%= resolve_sb_template($user->{sb_template}, name => $station->[0], eva => $station->[1]{eva}) %>"><i class="material-icons tiny">info</i></a>
% }
<a style="<%= $is_dest? 'font-weight: bold;' : '' %>" class="action-checkout" data-station="<%= $station->[0] %>"><%= $station->[0] %>
<a class="action-checkout tablerow" style="<%= $is_dest? 'font-weight: bold;' : '' %>" data-station="<%= $station->[0] %>">
<span><%= $station->[0] %></span>
% if ($station->[2] and $station->[2] eq 'cancelled') {
<span style="float: right;">entfällt</span>
<span>entfällt</span>
% }
% elsif ($station->[1]{rt_arr}) {
<span style="float: right;"><%= $station->[1]{rt_arr}->strftime('%H:%M') %></span>
<span><%= $station->[1]{rt_arr}->strftime('%H:%M') %></span>
% }
% elsif ($station->[2] and $station->[2] eq 'additional') {
<span style="float: right;">Zusatzhalt</span>
<span>Zusatzhalt</span>
% }
</a></td></tr>
</a>
% }
</tbody>
</table>
</p>
<p>
Falls das Backend ausgefallen ist oder der Zug aus anderen
Gründen verloren ging: <a class="action-checkout"