From 34e060e14c791b7b22cf9517be7ab2383ce74644 Mon Sep 17 00:00:00 2001
From: vincent-peugnet <v.peugnet@free.fr>
Date: Mon, 21 Oct 2019 14:01:10 +0200
Subject: CSS mobile clean-up

---
 app/view/templates/backtopbar.php | 39 +++++++++++++++++++++++++++++++--------
 app/view/templates/edittopbar.php |  6 +++---
 app/view/templates/home.php       | 10 +++++-----
 assets/css/edit.css               |  3 ++-
 assets/css/home.css               |  6 +++++-
 composer.json                     |  2 +-
 6 files changed, 47 insertions(+), 19 deletions(-)

diff --git a/app/view/templates/backtopbar.php b/app/view/templates/backtopbar.php
index d10d5da..e9266a6 100644
--- a/app/view/templates/backtopbar.php
+++ b/app/view/templates/backtopbar.php
@@ -1,6 +1,6 @@
 <header id="topbar">
 
-<span id="search">
+<span id="search" class="hidephone">
 <form action="<?= $this->url('search') ?>" method="post">
 <input type="text" list="searchdatalist" name="id" id="search" placeholder="page id" required <?= $tab !== 'edit' && !$user->isvisitor() ? 'autofocus' : '' ?>>
 <input type="submit" name="action" value="read">
@@ -22,17 +22,33 @@
 <?php if($user->iseditor()) { ?>
 
 <span id="menu">
-<a href="<?= $this->url('home') ?>" <?= $tab == 'home' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>home.png" alt="" class="icon">home</a>
-<a href="<?= $this->url('media') ?>" <?= $tab == 'media' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>media.png" alt="" class="icon">media</a>
-<a href="<?= $this->url('font') ?>" <?= $tab == 'font' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>font.png" alt="" class="icon">font</a>
+<a href="<?= $this->url('home') ?>" <?= $tab == 'home' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>home.png" alt="" class="icon">
+    <span class="hidephone">home</span>
+</a>
+<a href="<?= $this->url('media') ?>" <?= $tab == 'media' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>media.png" alt="" class="icon">
+    <span class="hidephone">media</span>
+</a>
+<a href="<?= $this->url('font') ?>" <?= $tab == 'font' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>font.png" alt="" class="icon">
+    <span class="hidephone">font</span>
+</a>
 <?php
 if($user->isadmin()) {
 ?>
-<a href="<?= $this->url('admin') ?>" <?= $tab == 'admin' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>admin.png" alt="" class="icon">admin</a>
+<a href="<?= $this->url('admin') ?>" <?= $tab == 'admin' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>admin.png" alt="" class="icon">
+    <span class="hidephone">admin</span>
+
+</a>
 <?php
 }
 ?>
-<a href="<?= $this->url('info') ?>"  <?= $tab == 'info' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>info.png" alt="" class="icon">info</a>
+<a href="<?= $this->url('info') ?>"  <?= $tab == 'info' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>info.png" alt="" class="icon">
+    <span class="hidephone">info</span>
+</a>
 </span>
 
 
@@ -58,8 +74,15 @@ if($user->isadmin()) {
 <?php } else { ?>  
 
 <span>
-<a href="<?= $this->url('timeline') ?>" <?= $tab == 'timeline' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>timeline.png" alt="" class="icon">timeline</a>
-<a href="<?= $this->url('user') ?>" <?= $tab == 'user' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>user.png" alt="" class="icon"><?= $user->id() ?></a> <i><?= $user->level() ?></i>
+<a href="<?= $this->url('timeline') ?>" <?= $tab == 'timeline' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>timeline.png" alt="" class="icon">
+    <span class="hidephone">timeline</span>
+</a>
+<a href="<?= $this->url('user') ?>" <?= $tab == 'user' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>user.png" alt="" class="icon">
+    <span class="hidephone"><?= $user->id() ?></span>
+</a>
+<i><?= $user->level() ?></i>
 </span>
 
 
diff --git a/app/view/templates/edittopbar.php b/app/view/templates/edittopbar.php
index 8d158d6..0f0c60a 100644
--- a/app/view/templates/edittopbar.php
+++ b/app/view/templates/edittopbar.php
@@ -21,18 +21,18 @@
     <span id="headid"><?= $page->id() ?></span>
     </span>
 
-<span id="fontsize">
+<span id="fontsize" class="hidephone">
     
     <label for="fontsize">Font-size</label>
     <input type="number" name="fontsize" value="<?= Config::fontsize() ?>" id="fontsize" min="5" max="99">
 </span>
 
-<span id="download">
+<span id="download" class="hidephone">
         <a href="<?= $this->upage('pagedownload', $page->id()) ?>"><img src="<?= Model::iconpath() ?>download.png" class="icon"><span class="text">download</span></a>
 </span>
 
 
-<span id="delete">
+<span id="delete" class="hidephone">
         <a href="<?= $this->upage('pageconfirmdelete', $page->id()) ?>"><span class="symbol">✖</span><span class="text">delete</span></a>
 </span>
 
diff --git a/app/view/templates/home.php b/app/view/templates/home.php
index f767b13..3c2db4d 100644
--- a/app/view/templates/home.php
+++ b/app/view/templates/home.php
@@ -29,20 +29,20 @@
 
             <div class="block">
 
-                <h2>Pages (<?= count($table2) ?>)</h2>
+                <h2 class="hidephone">Pages (<?= count($table2) ?>)</h2>
 
                 <div class="scroll">
 
                     <table id="home2table">
                         <thead>
                             <tr>
-                                <th>x</th>
+                                <th class="hidephone">x</th>
                                 <th><a href="<?= $opt->getadress('id') ?>">id</a></th>
                                 <th>edit</th>
                                 <th>see</th>
                                 <th class="delete" title="delete page">del</th>
                                 <?php if ($user->issupereditor()) { ?>
-                                <th class="download" title="download page as json">dl</th>
+                                <th class="download hidephone" title="download page as json">dl</th>
                                 <?php }
                                     if ($columns['tag']) { ?>
                                 <th class="tag"><a href="<?= $opt->getadress('tag') ?>">tag</a></th>
@@ -85,13 +85,13 @@
                         <tbody>
                             <?php foreach ($table2 as $item) { ?>
                             <tr>
-                                <td><input type="checkbox" name="id[]" value="<?= $item->id() ?>" id="id_<?= $item->id() ?>"></td>
+                                <td class="hidephone"><input type="checkbox" name="id[]" value="<?= $item->id() ?>" id="id_<?= $item->id() ?>"></td>
                                 <td><label title="<?= $item->title() ?>" for="id_<?= $item->id() ?>"><?= $item->id() ?></label></td>
                                 <td><a href="<?= $this->upage('pageedit', $item->id()) ?>"><img src="<?= Model::iconpath() ?>edit.png" class="icon"></a></td>
                                 <td><a href="<?= $this->upage('pageread/', $item->id()) ?>" target="_blank"><img src="<?= Model::iconpath() ?>read.png" class="icon"></a></td>
                                 <td class="delete"><a href="<?= $this->upage('pagedelete', $item->id()) ?>">✖</a></td>
                                 <?php if ($user->issupereditor()) { ?>
-                                <td><a href="<?= $this->upage('pagedownload', $item->id()) ?>" download><img src="<?= Model::iconpath() ?>download.png" class="icon"></a></td>
+                                <td class="hidephone"><a href="<?= $this->upage('pagedownload', $item->id()) ?>" download><img src="<?= Model::iconpath() ?>download.png" class="icon"></a></td>
                                 <?php }
                                         if ($columns['tag']) { ?>
                                 <td class="tag"><a title="<?= $item->tag('string') ?>"><?= $item->tag('sort') ?></a></td>
diff --git a/assets/css/edit.css b/assets/css/edit.css
index bc2ffb2..6407876 100644
--- a/assets/css/edit.css
+++ b/assets/css/edit.css
@@ -98,6 +98,7 @@ body {
     display: flex;
     height: calc(100% - 50px);
     position: relative;
+    width: 100%;
 }
 
 /* clip the tabs names */
@@ -376,7 +377,7 @@ div#thumbnail img {
 
 
 @media (max-width: 600px) {
-    .bar {
+    .bar, .hidephone {
         display: none;
     }
 
diff --git a/assets/css/home.css b/assets/css/home.css
index 1a4fa1d..fa846e1 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -512,10 +512,14 @@ footer {
         margin-top: 1%;
     }
 
-    main.home div#options {
+    main.home nav {
         display: none;
     }
 
+    section.pages {
+        max-width: 100%;
+    }
+
 }
 
 
diff --git a/composer.json b/composer.json
index 1955213..98f4cf7 100644
--- a/composer.json
+++ b/composer.json
@@ -1,7 +1,7 @@
 {
     "name": "w-cms",
     "description": "point'n think",
-    "version": "1.7.1",
+    "version": "1.7.2",
     "require": {
         "michelf/php-markdown": "^1.8",
         "league/plates": "3.*",
-- 
cgit v1.2.3