Commit ac9eae6d authored by okhin's avatar okhin
Browse files

Fixing the call modal in pure CSS (yeah)

parent f40fd95f
......@@ -96,6 +96,25 @@ background-color: #ccc;
padding: .5em 1em;
#callModal {
#callModal:target {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
.cmodal .panel{
margin: auto;
background: rgba(255, 255, 255, 1);
max-width: 80%;
min-width: 50%;
<include href="header.html" />
<include href="{{ @block_content }}" />
<include href="call.html" />
<include href="footer.html" />
<h2>{{ _("Call for free") }}</h2>
<div class="overlay" id="callModal">
<div class="cmodal container-fluid panel panel-default">
<div class="panel-heading">
<h2>{{ _("Reach out to ");}} {{ @contact.first_name }}&nbsp;{{ @contact.last_name }}
<a type="button" class="btn close" href="#" aria-label="Close"><span aria-hidden="true">&times;</span></a></h2>
<div class="row panel-body">
<div class="col-sm-6">
<h2>{{ _("Call for free") }}</h2>
<form method="post" action="/call/{{ }}">
<input type="text" id="contact_id" name="contact_id" hidden="hidden" value="{{ }}">
<p>{{ _("If you want to call for free, you must provide us with your phone number (the PiPhone will call that number to initiate the communication).") }}</p>
......@@ -11,11 +18,15 @@
{{ _('Starting with your <a href="">country code</a>, without the initial 0') }}
<input type="submit" value="{{ _("I'm ready, call me") }}" />
<input class="btn btn-default" type="submit" value="{{ _("I'm ready, call me") }}" />
<h2>{{ _("Call at your expense") }}</h2>
<div class="col-sm-6">
<h2>{{ _("Call at your expense") }}</h2>
<p>{{ _("If you don't want to call for free, here is the number of the current MEP (you can either dial it from your phone or push the button if any VoIP client is installed on your device.") }}</p>
<a href="tel:{{ }}" target="_blank">☎ {{ }}</a>
<a class="btn btn-default" href="tel:{{ }}" target="_blank">☎ {{ }}</a>
<p><a href="/">{{ _("Cancel the call") }}</a></p>
......@@ -29,7 +29,7 @@
<abbr title="{{ _("Phone number") }}">{{ _("Phone number") }}:</abbr> <a href="tel: {{ }}">{{ }}</a>
<br class="visible-xs-block">
<button type="button" class="btn btn-default" title="{{ _("Call now") }}" data-toggle="modal" data-target="#CallModal"><span class="glyphicon glyphicon-earphone"></span></button>
<a type="button" class="btn btn-default" title="{{ _("Call now") }}" href="#callModal"><span class="glyphicon glyphicon-earphone"></span></button>
<a type="button" class="btn btn-info" title="{{ _("Get more info...") }}" href="#"><span class="glyphicon glyphicon-info-sign"></span></a>
<a type="button" class="btn btn-default visible-xs-inline-block" title="{{ _("Choose someone else") }}" href="#"><span class="glyphicon glyphicon-refresh"></span></a>
......@@ -63,7 +63,7 @@
<!-- /committees -->
<!-- /-- gauche -->
<!-- /gauche -->
<!-- droite -->
<div class="col-md-4">
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment