From 7a41245164b0e51e963299ad57d09d5ed02d3d79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sol=C3=A8ne=20Desvaux?= <solene.desvaux@biblibre.com>
Date: Mon, 25 Jul 2022 16:37:41 +0200
Subject: [PATCH] Bug 30952: Staff interface redesign (main page)

---
 koha-tmpl/intranet-tmpl/prog/css/mainpage.css | 32 +++-----
 .../prog/en/modules/intranet-main.tt          |  8 +-
 koha-tmpl/intranet-tmpl/prog/img/koha-egg.svg | 73 ++++++++++++++++++-
 3 files changed, 87 insertions(+), 26 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/mainpage.css b/koha-tmpl/intranet-tmpl/prog/css/mainpage.css
index bfd95ce88d..2a405da88b 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/mainpage.css
+++ b/koha-tmpl/intranet-tmpl/prog/css/mainpage.css
@@ -11,14 +11,6 @@
  *
  */
 
-#container-main {
-    /* Contains the news + both columns of links + pending box + userblock box */
-    background-image:url('../img/background_koha_logo.png');
-    background-repeat:no-repeat;
-    background-position:left top;
-    padding: 1em 0;
-}
-
 
 /* ==== NEWS - Start ==== */
 
@@ -68,31 +60,29 @@ ul.biglinks-list {
 ul.biglinks-list li {
     /* Standard attributes for the list elements */
     list-style-type:none;
+
+    margin-bottom: 1em;
 }
 
 ul.biglinks-list li a.icon_general {
     /* Class used for each module link */
-    display: block;
-    box-sizing: content-box;
-    max-width : 320px;
-    min-height: 2em;
-    margin: 0 1em 14px 0;
+    display: flex;
+    align-items: center;
     padding: 5px;
-    border: solid 2px #b9d8d9;
+    border: 2px solid #71B443;
     border-radius: 6px;
+    height: 50px;
 
     text-decoration: none;
-    font-weight: bold;
     font-size: large;
-    color: #000000;
 
-    background-color:#f4f8f9;
+    color: #fff;
+    background-color: #71B443;
 }
 
 ul.biglinks-list li a:hover.icon_general {
     /* Class used for each module link hover state */
-    color: #538200;
-    border-color: #538200;
+    border-color: #418940;
 }
 
 ul.biglinks-list li a.icon_general .fa-fw {
@@ -105,7 +95,7 @@ ul.biglinks-list li a.icon_general .fa-stack-2x {
 }
 
 ul.biglinks-list li a.icon_general .fa-stack-1x {
-    color: #999;
+    color: #ccc;
     font-size: .9em;
     left: -5px;
     top: -1px;
@@ -113,7 +103,7 @@ ul.biglinks-list li a.icon_general .fa-stack-1x {
 
 /* CSS Font Awesome */
 ul.biglinks-list img {
-    width: 35px;
+    max-height: 100%;
 }
 
 /* ==== MODULE LINKS - End ==== */
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/intranet-main.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/intranet-main.tt
index a56c109d67..9934c3ceea 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/intranet-main.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/intranet-main.tt
@@ -56,9 +56,9 @@
                     </div>
                 [% END %]
             </div> <!-- /.col-sm-2 -->
-            <div class="col-sm-9">
+            <div class="col-sm-9 col-lg-6">
                 <div class="row">
-                    <div class="col-xs-6">
+                    <div class="col-sm-6">
                         <ul class="biglinks-list">
                             [% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]
                             <li>
@@ -112,8 +112,8 @@
                             </li>
                             [% END %]
                         </ul>
-                    </div> <!-- /.col-xs-6 -->
-                    <div class="col-xs-6">
+                    </div> <!-- /.col-sm-6 -->
+                    <div class="col-sm-6">
                         <ul class="biglinks-list">
 
                             [% IF ( Koha.Preference('EnablePointOfSale') && Koha.Preference('UseCashRegisters') && CAN_user_cash_management_takepayment ) %]
diff --git a/koha-tmpl/intranet-tmpl/prog/img/koha-egg.svg b/koha-tmpl/intranet-tmpl/prog/img/koha-egg.svg
index a3b6168a26..ee31a57f37 100644
--- a/koha-tmpl/intranet-tmpl/prog/img/koha-egg.svg
+++ b/koha-tmpl/intranet-tmpl/prog/img/koha-egg.svg
@@ -1 +1,72 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><style>.a{font-family:Bitstream Vera Sans;font-size:40px;}</style><text x="805.4" y="1549.5" class="a"><tspan x="805.4" y="1549.5"/></text><text x="-2373.6" y="1342.1" class="a"><tspan x="-2373.6" y="1342.1"/></text><path d="m92.9 195c-13.1-1.6-23-7.8-26.2-16.2-1.5-3.9-2-8.5-1.1-8.5 0.2 0 2 1.4 3.9 3.1 4.2 3.7 7.5 5.4 12.7 6.7 11.3 2.7 24.2-3.7 29.8-14.8 2-4 3.3-7.4 3.3-12.3 0-5.1-1.2-8.8-3.2-12.5-4.2-7.9-14.3-16-24.1-19-4.3-1.3-7-1.7-14.3-1.6-14.9 0.1-26.1 4.1-34.5 12.6-8 8-11.5 17.5-11.5 30.8 0 7.5-0.7 8.9-2.1 4.3-2.9-9.8-3.8-33.5-1.8-45.1C26.8 105.6 31.2 92 38.5 77 52 49.1 72.3 27.2 94.7 16.3 105.7 11 113.6 8.9 123.2 8.9c13.3 0 23 3.8 32.5 12.7 21.8 20.5 26.6 61.1 12 103.3-5.9 17.1-18.3 38.9-28.3 49.9-4.4 4.8-14.5 12.3-20.7 15.5-7.4 3.7-17.9 5.6-25.8 4.6z" fill="#74b01b"/><path d="M122.1 9.2C119.6 9.2 117.2 9.3 115.5 9.5 98.5 12 78.7 23.7 63.6 40.2 56.6 47.7 49.8 56.9 44.5 65.9 41.9 70.4 37 80.2 34.9 85 29.6 97.5 25.5 111.9 23.7 124.1 22.6 131.2 22.6 145.7 23.7 155.6 24.6 164.4 26.4 171.5 27.2 169.4 27.3 169.2 27.5 166 27.7 162.5 27.8 159.6 27.9 157.3 28.2 155.3 28.2 155.2 28.2 155 28.2 154.8 28.3 154.4 28.3 153.9 28.4 153.5 28.5 152.8 28.6 152.2 28.7 151.6 28.7 151.6 28.7 151.6 28.7 151.6 29.1 149.9 29.6 148.3 30.2 146.5 32.4 140.2 36.4 134.6 41.5 130.2 41.6 130.2 41.6 130.1 41.6 130.1 41.9 129.8 42.3 129.6 42.7 129.3 42.9 129.1 43.2 128.9 43.5 128.7 43.7 128.5 43.9 128.3 44.1 128.2 48.2 125.3 52.9 123.1 58 121.7 59.4 121.3 60.8 121 62.3 120.7 64.2 120.3 66.4 120.1 68.8 119.9 68.8 119.9 68.9 119.9 68.9 119.9 73.1 119.7 78.6 119.7 81.8 120 81.9 120 82 120 82.2 120 82.6 120 83.1 120.1 83.4 120.1 83.4 120.1 83.5 120.1 83.5 120.2 87.4 120.9 92.1 122.7 96.2 125 96.8 125.3 97.3 125.6 97.9 126 98.3 126.2 98.7 126.5 99.1 126.7 99.3 126.9 99.5 127 99.7 127.2 100.1 127.4 100.5 127.7 100.8 128 101.1 128.2 101.4 128.4 101.7 128.6 101.8 128.7 102 128.9 102.1 129 109.4 134.7 113.9 141.6 115 148.6 115 148.6 115 148.7 115 148.7 115.1 149.2 115.1 149.7 115.2 150.2 115.6 155.2 114.9 159.2 112.9 163.7 110.7 168.4 107.5 172.3 103.7 175.1 103 175.6 102.4 176 101.8 176.4 101.7 176.5 101.6 176.6 101.5 176.6 101 176.9 100.5 177.2 100 177.4 99.8 177.6 99.5 177.7 99.3 177.8 96.8 179 94.3 179.9 91.6 180.3 90.5 180.4 89.1 180.5 87.5 180.5 86 180.5 85 180.5 84.2 180.4 83.2 180.3 82.3 180.1 81.3 179.9 78.6 179.1 76.4 178.3 74.1 176.8 74 176.7 73.9 176.7 73.7 176.6 73.5 176.4 73.2 176.2 72.9 176 72.7 175.8 72.4 175.7 72.2 175.5 71.2 174.8 70.2 174 69 173 67.4 171.7 65.9 170.6 65.7 170.6 65.2 170.6 65.2 172.6 65.7 174.8 66.8 179.8 68.4 182.8 72 186.1 76.5 190.3 82.6 193.1 90.8 194.6 93.4 195 100.1 195.1 103.4 194.7 109.2 194 116 191.8 120.7 189.1 126.2 186 134 180.1 138.2 176 147.1 167.1 158.8 147.6 165.8 130 170.5 118 174.1 103.3 175.5 89.5 176 84.4 175.9 70.2 175.3 65.5 173.1 47.4 167.2 33.6 157.4 23.6 150 15.9 142.7 11.8 133.5 10 130.9 9.4 126.3 9.1 122.1 9.2z" opacity="0.8"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   version="1.1"
+   id="svg921"
+   sodipodi:docname="koha-egg.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata927">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs925" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1916"
+     inkscape:window-height="1036"
+     id="namedview923"
+     showgrid="false"
+     inkscape:zoom="4.015"
+     inkscape:cx="100"
+     inkscape:cy="100"
+     inkscape:window-x="1680"
+     inkscape:window-y="42"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg921" />
+  <style
+     id="style907">.a{font-family:Bitstream Vera Sans;font-size:40px;}</style>
+  <text
+     x="805.4"
+     y="1549.5"
+     class="a"
+     id="text911"><tspan
+       x="805.4"
+       y="1549.5"
+       id="tspan909" /></text>
+  <text
+     x="-2373.6"
+     y="1342.1"
+     class="a"
+     id="text915"><tspan
+       x="-2373.6"
+       y="1342.1"
+       id="tspan913" /></text>
+  <path
+     d="m92.9 195c-13.1-1.6-23-7.8-26.2-16.2-1.5-3.9-2-8.5-1.1-8.5 0.2 0 2 1.4 3.9 3.1 4.2 3.7 7.5 5.4 12.7 6.7 11.3 2.7 24.2-3.7 29.8-14.8 2-4 3.3-7.4 3.3-12.3 0-5.1-1.2-8.8-3.2-12.5-4.2-7.9-14.3-16-24.1-19-4.3-1.3-7-1.7-14.3-1.6-14.9 0.1-26.1 4.1-34.5 12.6-8 8-11.5 17.5-11.5 30.8 0 7.5-0.7 8.9-2.1 4.3-2.9-9.8-3.8-33.5-1.8-45.1C26.8 105.6 31.2 92 38.5 77 52 49.1 72.3 27.2 94.7 16.3 105.7 11 113.6 8.9 123.2 8.9c13.3 0 23 3.8 32.5 12.7 21.8 20.5 26.6 61.1 12 103.3-5.9 17.1-18.3 38.9-28.3 49.9-4.4 4.8-14.5 12.3-20.7 15.5-7.4 3.7-17.9 5.6-25.8 4.6z"
+     fill="#74b01b"
+     id="path917"
+     style="fill:#ffffff;fill-opacity:1" />
+</svg>
-- 
2.30.2