From c852a7fd076cfe5ba9f4667ce4e812dbe2b833de Mon Sep 17 00:00:00 2001
From: vincent-peugnet <vincent-peugnet@riseup.net>
Date: Mon, 8 Jan 2024 11:28:40 +0100
Subject: [PATCH] make edit state visible on mobile again fix #376

plus some little css and theme update
---
 app/view/templates/edittopbar.php |  2 +-
 assets/css/base.css               |  2 +-
 assets/css/edit.css               | 20 +++++++++++++++-----
 assets/css/theme/blue-whale.css   | 13 +++++++++++--
 src/edit.js                       |  4 ++--
 5 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/app/view/templates/edittopbar.php b/app/view/templates/edittopbar.php
index 67d6867c..bd246590 100644
--- a/app/view/templates/edittopbar.php
+++ b/app/view/templates/edittopbar.php
@@ -16,7 +16,7 @@
         </span>
 
         <span id="headid">
-            <?= $page->id() ?>
+            <span id="editstatus"></span><span class="pageid"><?= $page->id() ?></span>
         </span>
 
         <span>
diff --git a/assets/css/base.css b/assets/css/base.css
index 893bd030..1fd7a789 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -91,7 +91,7 @@ summary {
     white-space: nowrap;
 }
 
-summary:hover, input[type="submit"], button {
+summary:hover, input[type="submit"], input[type="file"], button {
     cursor: pointer;
 }
 
diff --git a/assets/css/edit.css b/assets/css/edit.css
index 90743a00..b10aaff5 100644
--- a/assets/css/edit.css
+++ b/assets/css/edit.css
@@ -149,7 +149,11 @@ input#fontsize {
     width: 50px;
 }
 
-span#headid {color: var(--outline-color);background-color: var(--outline-background-color);}
+span#headid {
+	color: var(--outline-color);
+	background-color: var(--outline-background-color);
+	text-wrap: nowrap;
+}
 
 a {
     /* color: black; */
@@ -289,7 +293,11 @@ div#geomap {
 
     span#fontsize {
         display: none;
-    }   
+    }
+
+	span#headid .pageid {
+		display: none;
+	}
 }
 
 
@@ -304,8 +312,10 @@ div#geomap {
 	    padding-top: 7px;
 	    padding-bottom: 7px;
 	}
-	
-	span#headid {
-	    display: none;
+}
+
+@media (max-width: 750px) and (pointer: coarse) {
+	span#headid .pageid {
+		display: none;
 	}
 }
\ No newline at end of file
diff --git a/assets/css/theme/blue-whale.css b/assets/css/theme/blue-whale.css
index 25ce2d70..1b01cc25 100644
--- a/assets/css/theme/blue-whale.css
+++ b/assets/css/theme/blue-whale.css
@@ -12,11 +12,20 @@
     --outline-color: #ffffff;
     --button-background-color: #0057d9;
     --button-color: #ffffff;
-    --input-background-color: #0066ff;
+    --input-background-color: #002152;
     --input-color: #ffffff;
-    color-scheme: light;
+    color-scheme: dark;
 }
 
 input, button, select, textarea, legend {
     border-radius: 10px;
+}
+
+button, input[type="submit"] {
+    border: solid 1px var(--text-color);
+}
+
+
+.submenu, .block {
+    border-radius: 0 0 10px 10px;
 }
\ No newline at end of file
diff --git a/src/edit.js b/src/edit.js
index 05e7f77e..93c57092 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -469,13 +469,13 @@ function confirmExit(e) {
 function changed() {
     unsavedChanges = true;
     document.title = '✏ *' + pagetitle;
-    document.getElementById('headid').innerHTML = '*' + pageid;
+    document.getElementById('editstatus').innerHTML = '*';
 }
 
 function saved(data) {
     unsavedChanges = false;
     document.title = '✏ ' + pagetitle;
-    document.getElementById('headid').innerHTML = pageid;
+    document.getElementById('editstatus').innerHTML = '';
     document.querySelector('input[name="datemodif"]').value = data.datemodif;
 }