From 5981eea827cde4211ff08f43f09e65600ab9cae3 Mon Sep 17 00:00:00 2001
From: Peder Bergebakken Sundt <pbsds@hotmail.com>
Date: Sat, 11 Nov 2017 22:10:43 +0100
Subject: [PATCH] Make parts of kalender non-selectable

---
 www/css/style.css      | 15 +++++++++++++++
 www/kalender/index.php | 22 +++++++++++-----------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/www/css/style.css b/www/css/style.css
index def22e9..7c5851a 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -199,3 +199,18 @@ a.btn:active {
 .collapsable:target {
 	display: block;
 }
+
+.noselect {
+	/* iOS Safari */
+	-webkit-touch-callout: none;
+	/* Safari */
+	-webkit-user-select: none;
+	/* Konqueror HTML */
+	-khtml-user-select: none;
+	/* Firefox */
+	-moz-user-select: none;
+	/* Internet Explorer/Edge */
+	-ms-user-select: none;
+	/* Non-prefixed version, currently supported by Chrome and Opera */
+	user-select: none;
+}
diff --git a/www/kalender/index.php b/www/kalender/index.php
index 78f0dd3..14c315e 100644
--- a/www/kalender/index.php
+++ b/www/kalender/index.php
@@ -53,20 +53,20 @@ $days_in_month = date('t', mktime(0, 0, 0, $month, 1, $year));
 	if ($pmonth==0) {$pmonth=12; $pyear--;}
 	if ($nmonth==13) {$nmonth=1; $nyear++;}
 	?>
-	<a class="btn" href="../kalender?year=<?=$pyear?>&amp;month=<?=$pmonth?>">Forrige måned</a>
-	<a class="btn" style="float:right;" href="../kalender?year=<?=$nyear?>&amp;month=<?=$nmonth?>">Neste måned</a>
+	<a class="btn noselect" href="../kalender?year=<?=$pyear?>&amp;month=<?=$pmonth?>">Forrige måned</a>
+	<a class="btn noselect" style="float:right;" href="../kalender?year=<?=$nyear?>&amp;month=<?=$nmonth?>">Neste måned</a>
 	</p>
 	
 	
 	<figure class="calendar">
 	<ul>
-	<li class="header">Mandag
-	<li class="header">Tirsdag
-	<li class="header">Onsdag
-	<li class="header">Torsdag
-	<li class="header">Fredag
-	<li class="header">Lørdag
-	<li class="header">Søndag
+	<li class="header noselect">Mandag
+	<li class="header noselect">Tirsdag
+	<li class="header noselect">Onsdag
+	<li class="header noselect">Torsdag
+	<li class="header noselect">Fredag
+	<li class="header noselect">Lørdag
+	<li class="header noselect">Søndag
 	
 	<?php if ($days_before_the_first != 0) { ?>
 	<li class="outOfMonth" style="grid-column: 1/<?=$days_before_the_first+1?>;">
@@ -83,13 +83,13 @@ $days_in_month = date('t', mktime(0, 0, 0, $month, 1, $year));
 		<?php } ?>
 		<?php if (sizeof($events)!=0) { ?>
 			<a href="../aktiviteter/?<?="year=$year&amp;month=$month&amp;day=$day"?>"><div>
-				<?= $day ?>.
+				<span class="noselect"><?= $day ?>.</span>
 				<?php foreach($events as $event) { ?>
 					<section><?=$event->getName()?></section>
 				<?php } ?>
 			</div></a>
 		<?php } else { ?>
-			<?= $day ?>.
+			<span class="noselect"><?= $day ?>.</span>
 		<?php } ?>
 	<?php } ?>