PrivateCoffee/travelynx
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

increase clickable area in destination selection

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/static/css/dark.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
public/static/css/light.min.css vendored
View file

File diff suppressed because one or more lines are too long

11
sass/src/common/index.scss
View file

@ -22,6 +22,17 @@ a.unmarked {
color: $off-black; 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 { .pagination {
li { li {
a { a {

70
templates/_checked_in.html.ep
View file

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