Fixed progressbar display, buttons to urls on print page #4

Murtrag · Dec 8, 2020 · f19e5ea · f19e5ea
1 parent 1f5d76b
commit f19e5ea
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/resume/static/style/main.css b/resume/static/style/main.css
@@ -10,3 +10,34 @@ body{
 	}
 }
 
+
+@media print {
+	.progress {
+		position: relative;
+	}
+	.progress:before {
+		display: block;
+		content: '';
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 0;
+		border-bottom: 2rem solid #eeeeee;
+	}
+	.progress-bar {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 1;
+		border-bottom: 2rem solid black;
+	}
+	.card__header .btn{
+		display:none;
+	}
+	.card__header p{
+		display: block !important;
+	}
+}
diff --git a/resume/templates/template.html b/resume/templates/template.html
@@ -14,12 +14,15 @@
 	<div class="container">
 
 		<div class="card">
-			<div class="card-body">
+			<div class="card-body card__header">
 				<a href="{% url 'resume' info_id=basic_info.info_id %}" class="btn btn-outline-dark">Resumé</a>
+				<p style="display: none;"><strong>Resumé: </strong>{{ request.META.HTTP_HOST  }}{% url 'resume' info_id=basic_info.info_id %}</p>
 				{% for button in briefcase%}
 				<a href="{% url 'briefcase' info_id=basic_info.info_id type=button.name %}" class="btn btn-outline-dark">{{button.name}}</a>
+				<p style="display: none;"><strong>{{button.name}}: </strong>{{ request.META.HTTP_HOST  }}{% url 'briefcase' info_id=basic_info.info_id type=button.name %}</p>
 				{% endfor %}
 				<a href="{{github_url}}" class="btn btn-outline-dark">GitHub</a>
+				<p style="display: none;"><strong>GitHub: </strong>{{github_url}}</p>
 
 				<header class="text-center">
 					{% block title %} {% endblock %}