make edit state visible on mobile again fix #376

plus some little css and theme update
vincent-peugnet · Jan 8, 2024 · c852a7f · c852a7f
1 parent a3f420e
commit c852a7f
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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;
 	}
 }
diff --git 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;
 }
diff --git 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;
 }